Fix gradient, splash screens

android/app/src/main/res/values/strings.xml

@@ -1,5 +1,5 @@
 <resources>
-  <string name="app_name">Cally.</string>
+  <string name="app_name">"Cally "</string>
   <string name="expo_splash_screen_resize_mode" translatable="false">contain</string>
   <string name="expo_splash_screen_status_bar_translucent" translatable="false">false</string>
   <string name="expo_system_ui_user_interface_style" translatable="false">light</string>

android/settings.gradle

@@ -1,4 +1,4 @@
-rootProject.name = 'Cally.'
+rootProject.name = 'Cally '
 
 dependencyResolutionManagement {
   versionCatalogs {

components/pages/todos/AddChore.tsx

@@ -1,18 +1,17 @@
-import { StyleSheet } from "react-native";
-import React, { useState } from "react";
-import { Button, ButtonSize, Text, View } from "react-native-ui-lib";
-import { AntDesign } from "@expo/vector-icons";
+import {StyleSheet} from "react-native";
+import React, {useState} from "react";
+import {Button, ButtonSize, Text, View} from "react-native-ui-lib";
+import {AntDesign} from "@expo/vector-icons";
 import LinearGradient from "react-native-linear-gradient";
 import AddChoreDialog from "./AddChoreDialog";
 
 const AddChore = () => {
-
     const [isVisible, setIsVisible] = useState<boolean>(false);
 
     return (
         <LinearGradient
-      colors={["transparent", "#f9f8f7"]}
-      locations={[0, 0.5]}
+            colors={["#f9f8f700", "#f9f8f7", "#f9f8f700"]}
+            locations={[0, 0.5, 1]}
             style={styles.gradient}
         >
             <View style={styles.buttonContainer}>
@@ -22,13 +21,13 @@ const AddChore = () => {
                     style={styles.button}
                     onPress={() => setIsVisible(!isVisible)}
                 >
-          <AntDesign name="plus" size={24} color="white" />
+                    <AntDesign name="plus" size={24} color="white"/>
                     <Text white text60R marginL-10>
-            Add To Do
+                        Create new to do
                     </Text>
                 </Button>
             </View>
-      <AddChoreDialog isVisible={isVisible} setIsVisible={setIsVisible} />
+            <AddChoreDialog isVisible={isVisible} setIsVisible={setIsVisible}/>
         </LinearGradient>
     );
 };
@@ -36,29 +35,22 @@ const AddChore = () => {
 export default AddChore;
 
 const styles = StyleSheet.create({
-  divider: { height: 1, backgroundColor: "#e4e4e4", marginVertical: 15 },
     gradient: {
-    height: "25%",
+        height: 150,
         position: "absolute",
         bottom: 0,
         width: "100%",
+        justifyContent: "center",
+        alignItems: "center",
     },
     buttonContainer: {
-    position: "absolute",
-    bottom: 25,
         width: "100%",
+        alignItems: "center",
     },
     button: {
         backgroundColor: "rgb(253, 23, 117)",
-    paddingVertical: 20,
-  },
-  topBtn: {
-    backgroundColor: "white",
-    color: "#05a8b6",
-  },
-  rotateSwitch: {
-    marginLeft: 35,
-    marginBottom: 10,
-    marginTop: 25,
+        paddingVertical: 15,
+        paddingHorizontal: 30,
+        borderRadius: 30,
     },
 });

components/pages/todos/ToDosPage.tsx

@@ -1,28 +1,28 @@
-import { View, Text, Button, ButtonSize } from "react-native-ui-lib";
-import React, { useState } from "react";
+import {Button, Text, View} from "react-native-ui-lib";
+import React, {useState} from "react";
 import HeaderTemplate from "@/components/shared/HeaderTemplate";
 import AddChore from "./AddChore";
 import ProgressCard from "./ProgressCard";
 import ToDosList from "./ToDosList";
-import { Dimensions, ScrollView } from "react-native";
-import { StyleSheet } from "react-native";
-import { TouchableOpacity } from "react-native-gesture-handler";
-import { ProfileType, useAuthContext } from "@/contexts/AuthContext";
+import {Dimensions, ScrollView, StyleSheet} from "react-native";
+import {TouchableOpacity} from "react-native-gesture-handler";
+import {ProfileType, useAuthContext} from "@/contexts/AuthContext";
 import FamilyChoresProgress from "./family-chores/FamilyChoresProgress";
 import UserChoresProgress from "./user-chores/UserChoresProgress";
 
 const ToDosPage = () => {
     const [pageIndex, setPageIndex] = useState<number>(0);
-  const { profileData } = useAuthContext();
-  const { width, height } = Dimensions.get("screen");
+    const {profileData} = useAuthContext();
+    const {width, height} = Dimensions.get("screen");
     const pageLink = (
         <TouchableOpacity onPress={() => setPageIndex(1)}>
-      <Text color="#ea156d" style={{ fontSize: 14 }}>
+            <Text color="#ea156d" style={{fontSize: 14}}>
                 View family progress
             </Text>
         </TouchableOpacity>
     );
     return (
+        <>
             <View paddingH-25 backgroundColor="#f9f8f7" height={"100%"} width={width}>
                 {pageIndex == 0 && (
                     <View>
@@ -57,16 +57,20 @@ const ToDosPage = () => {
                                         />
                                     </View>
                                 )}
-              <ToDosList />
+                                <ToDosList/>
                             </View>
                         </ScrollView>
-          {profileData?.userType == ProfileType.PARENT && <AddChore />}
                     </View>
                 )}
-      {pageIndex == 1 && <FamilyChoresProgress setPageIndex={setPageIndex} />}
-      {pageIndex == 2 && <UserChoresProgress setPageIndex={setPageIndex} />}
+                {pageIndex == 1 && <FamilyChoresProgress setPageIndex={setPageIndex}/>}
+                {pageIndex == 2 && <UserChoresProgress setPageIndex={setPageIndex}/>}
             </View>
-  );
+            {
+                profileData?.userType == ProfileType.PARENT && <AddChore/>
+            }
+        </>
+    )
+        ;
 };
 
 const styles = StyleSheet.create({

ios/cally/Info.plist

@@ -9,7 +9,7 @@
     <key>CFBundleDevelopmentRegion</key>
     <string>$(DEVELOPMENT_LANGUAGE)</string>
     <key>CFBundleDisplayName</key>
-    <string>Cally.</string>
+    <string>Cally </string>
     <key>CFBundleExecutable</key>
     <string>$(EXECUTABLE_NAME)</string>
     <key>CFBundleIdentifier</key>
@@ -112,6 +112,7 @@
       <string>$(PRODUCT_BUNDLE_IDENTIFIER).expo.index_route</string>
       <string>$(PRODUCT_BUNDLE_IDENTIFIER).expo.index_route</string>
       <string>$(PRODUCT_BUNDLE_IDENTIFIER).expo.index_route</string>
+      <string>$(PRODUCT_BUNDLE_IDENTIFIER).expo.index_route</string>
     </array>
     <key>UILaunchStoryboardName</key>
     <string>SplashScreen</string>

yarn.lock

@@ -8884,7 +8884,7 @@ react-native-linear-gradient@^2.8.3:
 
 react-native-onboarding-swiper@^1.3.0:
   version "1.3.0"
-  resolved "https://registry.npmjs.org/react-native-onboarding-swiper/-/react-native-onboarding-swiper-1.3.0.tgz"
+  resolved "https://registry.yarnpkg.com/react-native-onboarding-swiper/-/react-native-onboarding-swiper-1.3.0.tgz#a97f945f03a036845242b3e1f319c6fdb262bc2b"
   integrity sha512-2ZPMrZrJFgR5dmVWIj60x/vTBWrm0BZPuc2w7Cz2Sq/8ChypCi3oL8F7GYMrzky1fmknCS6Z0WPphfZVpnLUnQ==
   dependencies:
     tinycolor2 "^1.4.1"