new icons

components/pages/settings/SettingsPage.tsx

@@ -6,6 +6,9 @@ import CalendarSettingsPage from "./CalendarSettingsPage";
 import ChoreRewardSettings from "./ChoreRewardSettings";
 import UserSettings from "./UserSettings";
 import { AuthContextProvider } from "@/contexts/AuthContext";
+import ProfileIcon from "@/assets/svgs/ProfileIcon";
+import CalendarIcon from "@/assets/svgs/CalendarIcon";
+import PrivacyPolicyIcon from "@/assets/svgs/PrivacyPolicyIcon";
 
 const styles = StyleSheet.create({
   mainBtn: {
@@ -34,12 +37,7 @@ const SettingsPage = () => {
               label="Manage my profile"
               color="#07b8c7"
               iconSource={() => (
-                <Ionicons
-                  name="person-circle-sharp"
-                  size={24}
-                  color="#07b8c7"
-                  style={{ marginRight: 10 }}
-                />
+                <ProfileIcon style={{marginRight: 10}} color="#07b9c8" />
               )}
               onPress={() => setSelectedPage(pageIndex.user)}
             />
@@ -49,12 +47,7 @@ const SettingsPage = () => {
               label="Calendar settings"
               color="#fd1775"
               iconSource={() => (
-                <Ionicons
-                  name="home-outline"
-                  size={24}
-                  color="#fd1775"
-                  style={{ marginRight: 10 }}
-                />
+                <CalendarIcon style={{marginRight: 10}}/>
               )}
               onPress={() => {
                 setSelectedPage(pageIndex.calendar);
@@ -80,12 +73,7 @@ const SettingsPage = () => {
               style={styles.mainBtn}
               label="Kaly privacy policy"
               iconSource={() => (
-                <Entypo
-                  name="text-document"
-                  size={24}
-                  color="#6c645b"
-                  style={{ marginRight: 10 }}
-                />
+                <PrivacyPolicyIcon style={{marginRight: 10}}/>
               )}
               color="#6c645b"
             />

components/pages/todos/AddChoreDialog.tsx

@@ -1,5 +1,5 @@
 import { View, Text, Button, Switch } from "react-native-ui-lib";
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import PointsSlider from "@/components/shared/PointsSlider";
 import { repeatOptions, useToDosContext } from "@/contexts/ToDosContext";
 import { Feather, AntDesign, Ionicons } from "@expo/vector-icons";
@@ -27,6 +27,15 @@ const AddChoreDialog = (addChoreDialogProps: IAddChoreDialog) => {
   const [rotate, setRotate] = useState<boolean>(false);
   const [repeatType, setRepeatType] = useState<string>("Every week");
 
+  const handleCLose = () => {
+    setNewTitle("");
+    setPoints(10);
+    setChoreDate(new Date());
+    setRotate(false);
+    setRepeatType("every week");
+    addChoreDialogProps.setIsVisible(false);
+  };
+
   const handleChange = (text: string) => {
     const numericValue = parseInt(text, 10);
 
@@ -41,7 +50,7 @@ const AddChoreDialog = (addChoreDialogProps: IAddChoreDialog) => {
       bottom={true}
       height={"90%"}
       panDirection={PanningDirectionsEnum.DOWN}
-      onDismiss={() => addChoreDialogProps.setIsVisible(false)}
+      onDismiss={() => handleCLose}
       containerStyle={{
         borderRadius: 10,
         backgroundColor: "white",
@@ -59,13 +68,13 @@ const AddChoreDialog = (addChoreDialogProps: IAddChoreDialog) => {
           style={styles.topBtn}
           label="Cancel"
           onPress={() => {
-            addChoreDialogProps.setIsVisible(false);
+            handleCLose();
           }}
         />
         <View marginT-12>
           <DropModalIcon
             onPress={() => {
-              addChoreDialogProps.setIsVisible(false);
+              handleCLose()
             }}
           />
         </View>
@@ -84,7 +93,7 @@ const AddChoreDialog = (addChoreDialogProps: IAddChoreDialog) => {
                 rotate: rotate,
                 repeatType: repeatType,
               });
-              addChoreDialogProps.setIsVisible(false);
+              handleCLose();
               console.log(toDos);
             } catch (error) {
               console.error(error);