fixes, deleteFamily function, household signup

components/pages/brain_dump/AddBrainDump.tsx

@@ -13,8 +13,8 @@ interface IAddBrainDumpProps {
 }
 
 const AddBrainDump = ({
-                          addBrainDumpProps,
-                      }: {
+    addBrainDumpProps,
+}: {
     addBrainDumpProps: IAddBrainDumpProps;
 }) => {
     const {addBrainDump} = useBrainDumpContext();
@@ -22,11 +22,11 @@ const AddBrainDump = ({
     const [dumpDesc, setDumpDesc] = useState<string>("");
     const {width} = Dimensions.get("screen");
 
-
-    // Refs for the two TextFields
     const descriptionRef = useRef<TextFieldRef>(null);
     const titleRef = useRef<TextFieldRef>(null);
 
+    const isTitleValid = dumpTitle.trim().length >= 3;
+
     useEffect(() => {
         setDumpDesc("");
         setDumpTitle("");
@@ -40,9 +40,9 @@ const AddBrainDump = ({
         }
     }, [addBrainDumpProps.isVisible]);
 
-  useEffect(() => {
-    if (Platform.OS === "ios") KeyboardManager.setEnableAutoToolbar(false);
-  }, []);
+    useEffect(() => {
+        if (Platform.OS === "ios") KeyboardManager.setEnableAutoToolbar(false);
+    }, []);
 
     return (
         <Dialog
@@ -69,18 +69,17 @@ const AddBrainDump = ({
                 <Button
                     color="#05a8b6"
                     label="Save"
-                    style={styles.topBtn}
+                    style={[styles.topBtn, !isTitleValid && styles.disabledBtn]}
+                    disabled={!isTitleValid}
                     onPress={() => {
-                        addBrainDump({
-             
-                            id: '99',
-             
-                            title: dumpTitle.trimEnd().trimStart(),
-             
-                            description: dumpDesc.trimEnd().trimStart(),
-           
-                        });
-                        addBrainDumpProps.setIsVisible(false);
+                        if (isTitleValid) {
+                            addBrainDump({
+                                id: '99',
+                                title: dumpTitle.trim(),
+                                description: dumpDesc.trim(),
+                            });
+                            addBrainDumpProps.setIsVisible(false);
+                        }
                     }}
                 />
             </View>
@@ -94,11 +93,10 @@ const AddBrainDump = ({
                         setDumpTitle(text);
                     }}
                     onSubmitEditing={() => {
-                        // Move focus to the description field
                         descriptionRef.current?.focus();
                     }}
                     style={styles.title}
-                    blurOnSubmit={false} // Keep the keyboard open when moving focus
+                    blurOnSubmit={false}
                     returnKeyType="next"
                 />
                 <View height={2} backgroundColor="#b3b3b3" width={"100%"} marginB-20/>
@@ -125,28 +123,31 @@ const AddBrainDump = ({
 };
 
 const styles = StyleSheet.create({
-  dialogContainer: {
-    borderTopRightRadius: 15,
-    borderTopLeftRadius: 15,
-    backgroundColor: "white",
-    padding: 0,
-    paddingTop: 3,
-    margin: 0,
-  },
-  topBtns: {},
-  topBtn: {
-    backgroundColor: "white",
-    color: "#05a8b6",
-  },
-  title: {
-    fontSize: 22,
-    fontFamily: "Manrope_500Medium",
-  },
-  description: {
-    fontFamily: "Manrope_400Regular",
-    fontSize: 14,
-    textAlignVertical: "top",
-  },
+    dialogContainer: {
+        borderTopRightRadius: 15,
+        borderTopLeftRadius: 15,
+        backgroundColor: "white",
+        padding: 0,
+        paddingTop: 3,
+        margin: 0,
+    },
+    topBtns: {},
+    topBtn: {
+        backgroundColor: "white",
+        color: "#05a8b6",
+    },
+    disabledBtn: {
+        opacity: 0.2,
+    },
+    title: {
+        fontSize: 22,
+        fontFamily: "Manrope_500Medium",
+    },
+    description: {
+        fontFamily: "Manrope_400Regular",
+        fontSize: 14,
+        textAlignVertical: "top",
+    },
 });
 
-export default AddBrainDump;
+export default AddBrainDump;

components/pages/brain_dump/DumpList.tsx

@@ -20,14 +20,10 @@ const DumpList = (props: { searchText: string }) => {
 
         return (
           <View marginB-70>
-            {brainDumps?.length ? <FlatList
-              style={{ zIndex: -1 }}
-              data={sortedDumps}
-              keyExtractor={(item) => item.title}
-              renderItem={({ item }) => (
-                <BrainDumpItem key={item.title} item={item} />
-              )}
-            /> : <Text marginT-20 center style={styles.alert}>You have no notes</Text>}
+            {sortedDumps?.length ? (
+              sortedDumps.map((item) => (
+                <BrainDumpItem key={item.id} item={item} />
+            ))) : <Text marginT-20 center style={styles.alert}>You have no notes</Text>}
           </View>
         );
       };