ft(onBoarding): fix merge conflicts

.github/workflows/pull_request.yml

@@ -0,0 +1,22 @@
+name: Pull Request Trigger Workflow
+
+on:
+  pull_request:
+    branches:
+      - develop
+
+jobs:
+  build-and-test:
+    runs-on: windows-latest
+
+    steps:
+      - uses: actions/checkout@v4
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '>=18'
+      - name: Install dependencies
+        run: npm install
+      - name: Run tests
+        run: npm run test -- --ci
+

.github/workflows/push.yml

@@ -0,0 +1,19 @@
+name: Push Trigger Workflow
+
+on:
+  push:
+
+jobs:
+  build:
+    runs-on: windows-latest
+
+    steps:
+      - uses: actions/checkout@v4
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '>=18'
+      - name: Install dependencies
+        run: npm install
+      - name: Run tests
+        run: npm run test -- --ci

app.json

@@ -6,17 +6,17 @@
     "version": "1.0.0",
     "orientation": "portrait",
     "icon": "./assets/images/icon.png",
-    "userInterfaceStyle": "dark",
     "splash": {
       "image": "./assets/images/splash.png",
       "resizeMode": "contain",
       "backgroundColor": "#ffffff"
     },
-    "assetBundlePatterns": [
-      "**/*"
-    ],
+    "assetBundlePatterns": ["**/*"],
     "ios": {
-      "supportsTablet": true
+      "supportsTablet": true,
+      "config": {
+        "usesNonExemptEncryption": false
+      }
     },
     "android": {
       "adaptiveIcon": {
@@ -29,9 +29,7 @@
       "output": "static",
       "favicon": "./assets/images/favicon.png"
     },
-    "plugins": [
-      "expo-router"
-    ],
+    "plugins": ["expo-router", "expo-secure-store"],
     "experiments": {
       "typedRoutes": true
     }

app/(auth)/SignIn&SignOut/SetYourFingerPrint.tsx

@@ -1,8 +1,12 @@
 import { Text, View } from "@/components/Themed";
 import { LeftArrow } from "@/components/UI/icons";
+import { ThemeContext } from "@/ctx/ThemeContext";
+import { useContext, useEffect } from "react";
 import { SvgUri, SvgXml } from "react-native-svg";
 
 export default function SetYourFingerPrint() {
+  const { theme, changeTheme } = useContext(ThemeContext);
+
   return (
     <>
       <Text>Set Your Finger Print</Text>

app/_layout.tsx

@@ -1,14 +1,15 @@
 import FontAwesome from "@expo/vector-icons/FontAwesome";
-import {
-  DarkTheme,
-  DefaultTheme,
-  ThemeProvider,
-} from "@react-navigation/native";
 import { useFonts } from "expo-font";
 import { Stack } from "expo-router";
 import * as SplashScreen from "expo-splash-screen";
+import * as SecureStore from "expo-secure-store";
 
-import { useEffect, useState } from "react";
+import { useContext, useEffect, useState } from "react";
+
+import ThemeProvider, { ThemeContext } from "@/ctx/ThemeContext";
+import { Pressable, View, useColorScheme } from "react-native";
+import { ThemeType } from "@/constants/Types";
+import { Text } from "@/components/Themed";
 
 export {
   // Catch any errors thrown by the Layout component.
@@ -32,32 +33,59 @@ export default function RootLayout() {
     ...FontAwesome.font,
   });
 
+  const systemTheme = useColorScheme() as ThemeType;
+
+  const [favoredTheme, setFavoredTheme] = useState<ThemeType>(null);
+
+  useEffect(() => {
+    async function getCustomTheme() {
+      try {
+        let favoredTheme = (await SecureStore.getItemAsync(
+          "theme"
+        )) as ThemeType;
+
+        if (!favoredTheme) {
+          favoredTheme = systemTheme;
+        }
+
+        setFavoredTheme(favoredTheme);
+      } catch (e) {
+        console.log(e);
+      }
+    }
+
+    getCustomTheme();
+  }, []);
+
   // Expo Router uses Error Boundaries to catch errors in the navigation tree.
   useEffect(() => {
     if (error) throw error;
   }, [error]);
 
   useEffect(() => {
-    if (loaded) {
+    if (loaded && favoredTheme) {
       SplashScreen.hideAsync();
     }
-  }, [loaded]);
+  }, [loaded, favoredTheme]);
 
   if (!loaded) {
     return null;
   }
 
-  return <RootLayoutNav />;
+  return (
+    <ThemeProvider theme={favoredTheme}>
+      <RootLayoutNav />
+    </ThemeProvider>
+  );
 }
 
 function RootLayoutNav() {
-
   return (
-    <ThemeProvider value={colorScheme === "light" ? DarkTheme : DefaultTheme}>
+    <>
       <Stack initialRouteName="(auth)">
         <Stack.Screen name="(auth)" options={{ headerShown: false }} />
         <Stack.Screen name="modal" options={{ presentation: "modal" }} />
       </Stack>
-    </ThemeProvider>
+    </>
   );
 }

components/__tests__/__snapshots__/StyledText-test.js.snap

@@ -0,0 +1,18 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders correctly 1`] = `
+<Text
+  style={
+    [
+      {
+        "color": "#000",
+      },
+      [
+        undefined,
+      ],
+    ]
+  }
+>
+  Snapshot test!
+</Text>
+`;

constants/Types.ts

@@ -0,0 +1 @@
+export type ThemeType = "light" | "dark" | null

ctx/ThemeContext.tsx

@@ -0,0 +1,33 @@
+import { ThemeType } from "@/constants/Types";
+import React, { createContext, useState } from "react";
+import * as SecureStore from "expo-secure-store";
+
+interface ContextType {
+  theme: ThemeType;
+  changeTheme: (theme: "light" | "dark") => void;
+}
+
+export const ThemeContext = createContext<ContextType>({
+  theme: null,
+  changeTheme: (theme: "light" | "dark") => {},
+});
+
+interface Props {
+  children: React.JSX.Element | React.JSX.Element[];
+  theme: ThemeType;
+}
+
+export default function ThemeProvider({ children, theme: value }: Props) {
+  const [theme, setTheme] = useState<ThemeType>(value);
+
+  async function changeTheme(theme: "light" | "dark") {
+    setTheme(theme);
+    await SecureStore.setItemAsync("theme", theme!);
+  }
+
+  return (
+    <ThemeContext.Provider value={{ theme: theme, changeTheme: changeTheme }}>
+      {children}
+    </ThemeContext.Provider>
+  );
+}

package.json

@@ -7,7 +7,10 @@
     "android": "expo start --android",
     "ios": "expo start --ios",
     "web": "expo start --web",
-    "test": "jest --watchAll"
+    "test": "jest",
+    "test:watch": "jest --watchAll",
+    "test:update": "jest --updateSnapshot",
+    "ci-start": "expo build:web"
   },
   "jest": {
     "preset": "jest-expo"
@@ -17,8 +20,10 @@
     "@react-navigation/native": "^6.0.2",
     "expo": "~50.0.14",
     "expo-font": "~11.10.3",
+    "expo-linear-gradient": "~12.7.2",
     "expo-linking": "~6.2.2",
     "expo-router": "~3.4.10",
+    "expo-secure-store": "~12.8.1",
     "expo-splash-screen": "~0.26.5",
     "expo-status-bar": "~1.11.1",
     "expo-system-ui": "~2.9.3",
@@ -29,8 +34,7 @@
     "react-native-safe-area-context": "4.8.2",
     "react-native-screens": "~3.29.0",
     "react-native-svg": "^15.2.0",
-    "react-native-web": "~0.19.6",
-    "expo-linear-gradient": "~12.7.2"
+    "react-native-web": "~0.19.6"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",