add classes ui changed

Author: Neelesh Ranjan Jha

App.js

@@ -1,15 +1,77 @@
-import React from "react";
+import React, { useEffect } from "react";
 import { NavigationContainer } from "@react-navigation/native";
-import { SafeAreaProvider} from "react-native-safe-area-context";
+import { SafeAreaProvider } from "react-native-safe-area-context";
+import AsyncStorage from "@react-native-async-storage/async-storage";
 
 import RootNav from "./src/routes/rootNav";
 
 export default function App() {
+
+  async function createEmptyStorage(){
+    const monday = ["Monday", JSON.stringify({
+      Theory: {
+        Morning: {
+          A1: {
+            to: "08:00" , from: "08:50", subname: ""
+          }, 
+          F1: {
+            to: "08:55" , from: "09:45", subname: ""
+          },
+          D1: {
+            to: "09:50" , from: "10:40", subname: ""
+          },
+          TB1: {
+            to: "10:45" , from: "11:35", subname: ""
+          },
+          TG1: {
+            to: "11:40" , from: "12:30", subname: ""
+          },
+        },
+        Evening: {
+          A2: {
+            to: "02:00" , from: "02:50", subname: ""
+          }, 
+          F2: {
+            to: "02:55" , from: "03:45", subname: ""
+          },
+          D2: {
+            to: "03:50" , from: "04:40", subname: ""
+          },
+          TB2: {
+            to: "04:45" , from: "05:35", subname: ""
+          },
+          TG2: {
+            to: "05:40" , from: "06:30", subname: ""
+          },
+        }
+      }
+    })
+  ]
+    try{
+      await AsyncStorage.multiSet([monday])
+      console.log('default values set')
+    } catch(e){
+      console.log(e)
+    }    
+  }
+
+  useEffect(() => {
+    async function checkEmpty() {
+      await AsyncStorage.getAllKeys()
+        .then((res) => {
+          if(res.length == 0)
+            createEmptyStorage();
+        })
+        .catch((e) => console.log(e));
+    }
+    checkEmpty();
+  }, []);
+
   return (
     <NavigationContainer>
-        <SafeAreaProvider>
-          <RootNav />
-        </SafeAreaProvider>
+      <SafeAreaProvider>
+        <RootNav />
+      </SafeAreaProvider>
     </NavigationContainer>
   );
-}
+}

app.json

@@ -5,6 +5,7 @@
     "version": "1.0.0",
     "orientation": "portrait",
     "icon": "./assets/icon.png",
+    "userInterfaceStyle": "automatic",
     "splash": {
       "image": "./assets/splash.png",
       "resizeMode": "contain",

package.json

@@ -9,6 +9,7 @@
   },
   "dependencies": {
     "@react-native-async-storage/async-storage": "~1.15.0",
+    "@react-native-community/datetimepicker": "3.5.2",
     "@react-native-picker/picker": "1.16.1",
     "@react-navigation/material-top-tabs": "^6.0.2",
     "@react-navigation/native": "^6.0.2",
@@ -18,8 +19,8 @@
     "react": "16.13.1",
     "react-dom": "16.13.1",
     "react-native": "https://github.com/expo/react-native/archive/sdk-42.0.0.tar.gz",
-    "react-native-appearance": "~0.3.3",
     "react-native-elements": "^3.4.2",
+    "react-native-modal-datetime-picker": "^10.2.0",
     "react-native-pager-view": "5.0.12",
     "react-native-responsive-screen": "^1.4.2",
     "react-native-safe-area-context": "3.2.0",