chore: add disclaimer

opengovsg · Jan 31, 2024 · c3cb55a · c3cb55a
1 parent 53aa097
commit c3cb55a
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/...e/builder-and-design/MagicFormBuilderModal/MagicFormBuilderModalContent/LandingScreen.tsx b/...e/builder-and-design/MagicFormBuilderModal/MagicFormBuilderModalContent/LandingScreen.tsx
@@ -53,7 +53,7 @@ export const MagicFormBuilderLandingScreen = ({
           <FormControl
             isRequired
             isInvalid={!!errors.magicFormBuilderMode}
-            mb="2.5rem"
+            mb="1.125rem"
           >
             <FormLabel>How do you want to build?</FormLabel>
             <Skeleton isLoaded={!isFetching}>
@@ -69,6 +69,19 @@ export const MagicFormBuilderLandingScreen = ({
             </FormErrorMessage>
           </FormControl>
 
+          <Text
+            textStyle="body-2"
+            fontSize="0.625rem"
+            lineHeight="0.75rem"
+            textColor="secondary.400"
+            mb="2.5rem"
+          >
+            Disclaimer: This makes use of an AI language model. Any content it
+            generates may contain errors, inconsistencies, or outdated
+            information, and does not represent official government views.
+            Please fact-check and verify all AI-generated content before use.
+          </Text>
+
           {isMobile ? (
             <Button
               rightIcon={<BiRightArrowAlt fontSize="1.5rem" />}

diff --git a/...der-and-design/MagicFormBuilderModal/MagicFormBuilderModalContent/PromptDetailsScreen.tsx b/...der-and-design/MagicFormBuilderModal/MagicFormBuilderModalContent/PromptDetailsScreen.tsx
@@ -78,6 +78,7 @@ export const MagicFormBuilderPromptDetailsScreen = (): JSX.Element => {
                 color="secondary.500"
                 fontWeight="400"
                 ml="0.5rem"
+                textAlign="justify"
               >
                 Employee feedback on workplace environment and culture.
               </Text>
@@ -97,6 +98,7 @@ export const MagicFormBuilderPromptDetailsScreen = (): JSX.Element => {
                 color="secondary.500"
                 fontWeight="400"
                 ml="0.5rem"
+                textAlign="justify"
               >
                 Event registrations and dietary preferences for dance and
                 dinner.
@@ -118,6 +120,7 @@ export const MagicFormBuilderPromptDetailsScreen = (): JSX.Element => {
                 color="secondary.500"
                 fontWeight="400"
                 ml="0.5rem"
+                textAlign="justify"
               >
                 Support requests for building faults and damages.
               </Text>