Change “Caregiver” mentions to “Visiting Family Member” (#143)

* Integrate Caregivers flow with add and delete functionality

* Remove unnecessary imports

* Fix optional form inputs

* Fix form reset bug and add persistance

* Change caregiver to visiting family members

* Fix form fields for visiting family member

Author: Ezzhingy

frontend/src/components/intake/IndividualDetails.tsx

@@ -63,7 +63,7 @@ const IndividualDetails = ({
           padding={1}
           borderRadius="5px"
         >
-          CAREGIVERS
+          Visiting Family Members
         </Text>
         {caregiverDetails.map((indiv, i) => (
           <VStack key={i} w="full">

frontend/src/components/intake/NewCaregiverModal.tsx

@@ -53,7 +53,7 @@ const NewCaregiverModal = ({
   return (
     <Box>
       <ModalComponent
-        primaryTitle="New Caregiver"
+        primaryTitle="New Visiting Family Member"
         modalContent={
           <Box>
             <SimpleGrid columns={2} spacingX="3rem" spacingY="0.75rem">
@@ -63,7 +63,7 @@ const NewCaregiverModal = ({
                   id="caregiverName"
                   name="caregiverName"
                   type="string"
-                  placeholder="Enter full name of caregiver..."
+                  placeholder="Enter full name of visiting family member..."
                   icon={<Icon as={User} />}
                   onChange={(event) => {
                     setCaregiverName(event.target.value);
@@ -136,7 +136,7 @@ const NewCaregiverModal = ({
                 <CustomInput
                   id="address"
                   name="address"
-                  placeholder="Enter address of caregiver..."
+                  placeholder="Enter address of visiting family member..."
                   icon={<Icon as={Navigation} />}
                   onChange={(event) => {
                     setAddress(event.target.value);
@@ -148,7 +148,7 @@ const NewCaregiverModal = ({
                   RELATIONSHIP TO CHILD(REN)
                 </FormLabel>
                 <Select
-                  placeholder="Select caregiver's relationship to child(ren)"
+                  placeholder="Select relationship to child(ren)"
                   onChange={(event) => {
                     setRelationship(event.target.value);
                   }}
@@ -166,7 +166,7 @@ const NewCaregiverModal = ({
                 id="contactNotes"
                 name="contactNotes"
                 type="string"
-                placeholder="Note any caregiver needs for case consideration, ex. special needs, cultural needs."
+                placeholder="Note any visiting family member needs for case consideration, ex. special needs, cultural needs."
                 height="10rem"
                 paddingBottom="7rem"
                 onChange={(event) => {
@@ -204,7 +204,7 @@ const NewCaregiverModal = ({
           )
         }
         secondaryTitle="Individual Details"
-        primaryButtonTitle="Save caregiver"
+        primaryButtonTitle="Save visiting family member"
       />
     </Box>
   );

frontend/src/components/intake/indivDetails/CaregiverProviderForm.tsx

@@ -49,9 +49,9 @@ const CaregiverForm = ({
   return (
     <>
       <PromptBox
-        headerText="Caregivers"
-        descriptionText="No caregivers have been added to the case yet. "
-        buttonText="Add caregiver"
+        headerText="Visiting Family Members"
+        descriptionText="No visiting family members have been added to the case yet. "
+        buttonText="Add Visiting Family"
         buttonIcon={<Icon as={UserPlus} w="16px" h="16px" />}
         onButtonClick={onOpenAddCaregivers}
         individualDetails={caregiverDetailsOverview}