diff --git a/components/pages/settings/user_settings_views/MyGroup.tsx b/components/pages/settings/user_settings_views/MyGroup.tsx index 649320e..9f38cab 100644 --- a/components/pages/settings/user_settings_views/MyGroup.tsx +++ b/components/pages/settings/user_settings_views/MyGroup.tsx @@ -14,7 +14,7 @@ import { TouchableOpacity, View, } from "react-native-ui-lib"; -import React, { useEffect, useRef, useState } from "react"; +import React, { useCallback, useEffect, useRef, useState } from "react"; import { ImageBackground, Platform, StyleSheet } from "react-native"; import { PickerSingleValue } from "react-native-ui-lib/src/components/picker/types"; import { useCreateSubUser } from "@/hooks/firebase/useCreateSubUser"; @@ -35,6 +35,7 @@ import { ScrollView } from "react-native-gesture-handler"; import { useUploadProfilePicture } from "@/hooks/useUploadProfilePicture"; import UserOptions from "./UserOptions"; import { colorMap } from "@/constants/colorMap"; +import { useFocusEffect } from "@react-navigation/core"; type MyGroupProps = { onNewUserClick: boolean; @@ -65,7 +66,7 @@ const MyGroup: React.FC = ({ ); const { mutateAsync: createSubUser, isLoading, isError } = useCreateSubUser(); - const { data: familyMembers } = useGetFamilyMembers(true); + const { data: familyMembers, refetch: refetchFamilyMembers } = useGetFamilyMembers(true); const { user } = useAuthContext(); const { pickImage, @@ -75,6 +76,12 @@ const MyGroup: React.FC = ({ profileImageAsset, } = useUploadProfilePicture(newUserId); + useFocusEffect( + useCallback(() => { + refetchFamilyMembers(); + }, [refetchFamilyMembers]) + ); + const parents = familyMembers?.filter((x) => x.userType === ProfileType.PARENT) ?? []; const children =