feat(approvals-ga): p1 changes

frontend/src/components/Toggle/Toggle.tsx

@@ -5,15 +5,15 @@ import {
   Flex,
   forwardRef,
   Icon,
-  Tooltip,
-  TooltipProps,
   useMultiStyleConfig,
 } from '@chakra-ui/react'
 
 import { TOGGLE_THEME_KEY } from '~/theme/components/Toggle'
 
 import { BxsHelpCircle } from '~assets/icons/BxsHelpCircle'
 import { BxsInfoCircle } from '~assets/icons/BxsInfoCircle'
+import Tooltip from '~components/Tooltip'
+import { TooltipProps } from '~components/Tooltip/Tooltip'
 
 import FormLabel from '../FormControl/FormLabel'
 

frontend/src/features/admin-form/settings/components/FormIssueNotificationToggle.tsx

@@ -26,7 +26,7 @@ export const FormIssueNotificationToggle = (): JSX.Element => {
       <Toggle
         isLoading={mutateFormIssueNotification.isLoading}
         isChecked={hasIssueNotification}
-        label="Enable email notifications for reports made by respondents"
+        label="Receive email notifications for issues reported by respondents"
         description="You will receive a maximum of one email per form, per day if there are any issues reported."
         onChange={() => handleToggleIssueNotification()}
       />

frontend/src/features/admin-form/settings/components/MrfFormEmailSection.tsx

@@ -143,16 +143,12 @@ const MrfEmailNotificationsForm = ({
   return (
     <form onSubmit={handleSubmit(onSubmit)}>
       <Box>
-        <Text textStyle="h3" textColor="secondary.500" mb="0.25rem">
-          Workflow outcome notifications
-        </Text>
         <Text textStyle="body-1" textColor="secondary.700" mb="1.5rem">
-          Send an email to inform selected respondents when the form and/or
-          workflow is complete.
+          Select who to notify when the form and/or workflow is complete:
         </Text>
         <Box>
           <FormLabel mb="0.75rem" textColor="secondary.700">
-            Notify respondent in Step 1
+            Respondent in Step 1
           </FormLabel>
           <Skeleton isLoaded={!isLoading}>
             <Controller
@@ -177,7 +173,7 @@ const MrfEmailNotificationsForm = ({
         </Box>
         <Box my="1.5rem">
           <FormLabel mb="0.75rem" textColor="secondary.700">
-            Notify other respondents in your workflow
+            Other respondents in your workflow
           </FormLabel>
           <Skeleton isLoaded={!isLoading}>
             <Controller
@@ -219,7 +215,7 @@ const MrfEmailNotificationsForm = ({
             tooltipPlacement="top"
             tooltipText="Include the admin's email to inform them whenever a workflow is completed"
           >
-            Notify other parties
+            Others
           </FormLabel>
           <Controller
             name={OTHER_PARTIES_EMAIL_INPUT_NAME}

frontend/src/features/admin-form/settings/mutations.ts

@@ -173,7 +173,7 @@ export const useMutateFormSettings = () => {
       onSuccess: (newData) => {
         handleSuccess({
           newData,
-          toastDescription: `Email notifications for reports are now ${
+          toastDescription: `Email notifications for issues reported are now ${
             newData.hasIssueNotification ? 'enabled' : 'disabled'
           } on your form.`,
         })