playground header

asantaelly · Sep 27, 2023 · 3909b90 · 3909b90
1 parent 0d1af82
commit 3909b90
Show file tree

Hide file tree

Showing 9 changed files with 25 additions and 19 deletions.
diff --git a/app.json b/app.json
@@ -15,7 +15,10 @@
       "**/*"
     ],
     "ios": {
-      "supportsTablet": true
+      "supportsTablet": true,
+      "config": {
+        "usesNonExemptEncryption": false
+      }
     },
     "android": {
       "adaptiveIcon": {

diff --git a/package.json b/package.json
@@ -12,6 +12,7 @@
     "@react-navigation/native": "^6.1.8",
     "@react-navigation/native-stack": "^6.9.14",
     "expo": "~49.0.11",
+    "expo-secure-store": "~12.3.1",
     "expo-status-bar": "~1.6.0",
     "lodash": "^4.17.21",
     "react": "18.2.0",
@@ -28,4 +29,4 @@
     "typescript": "^5.1.3"
   },
   "private": true
-}
+}
diff --git a/src/Providers/Level.tsx b/src/Providers/Level.tsx
@@ -1,14 +1,13 @@
 import React from "react";
+import * as SecureStore from "expo-secure-store";
 
 type ComponentProps = {
   children: React.ReactNode;
 };
 
 type LevelProps = {
   loser: boolean;
-  highScore: number;
   tapCounter: number;
-  // getHighScore: () => void;
   setLoser: React.Dispatch<React.SetStateAction<boolean>>;
   setTapCounter: React.Dispatch<React.SetStateAction<number>>;
 };
@@ -21,24 +20,14 @@ const LevelProvider: React.FC<ComponentProps> = (props) => {
   /** Context states */
   const [loser, setLoser] = React.useState<boolean>(false);
   const [tapCounter, setTapCounter] = React.useState<number>(0);
-  const [highScore, setHighScore] = React.useState<number>(0);
 
-  /** a function to calculate high score */
-  // const getHighScore = () => {
-  //   if (tapCounter > highScore) {
-  //     setHighScore(tapCounter);
-  //   }
-  //   return;
-  // };
 
   return (
     <LevelContext.Provider
       value={{
         loser,
         setLoser,
-        highScore,
         tapCounter,
-        // getHighScore,
         setTapCounter,
       }}
     >

diff --git a/src/components/screens/Auditorium/Header.tsx b/src/components/screens/Auditorium/Header.tsx
@@ -1,5 +1,4 @@
 import { StyleSheet, Text, View } from "react-native";
-import { useNavigation } from "@react-navigation/native";
 import { SafeAreaView } from "react-native-safe-area-context";
 
 import PressableIcon from "../../libs/icons/PressableIcon";
@@ -20,7 +19,7 @@ const Header: React.FC<Props> = (props) => {
     <SafeAreaView style={[styles.container]} edges={["top", "left", "right"]}>
       <View style={[styles.header, styles.shadow]}>
         <View style={[styles.scoreBoard]}>
-          <Text style={[{ fontWeight: "600" }]}>Champion: 12000</Text>
+          <Text style={[{ fontWeight: "600" }]}>Champion: 223212</Text>
           <Text style={[{ fontWeight: "600" }]}>Points: {point}</Text>
         </View>
         <View style={[styles.avatarCircular]}>

diff --git a/src/components/shared/Tile.tsx b/src/components/shared/Tile.tsx
@@ -99,6 +99,7 @@ const Tile: React.FC<Props> = (props) => {
     play();
   }, []);
 
+  /** check for loser */
   React.useEffect(() => {
     if (loser) {
       cancelAnimation(translateY1);

diff --git a/src/navigation/AppNavigator.tsx b/src/navigation/AppNavigator.tsx
@@ -1,6 +1,11 @@
+import React from "react";
+import * as SecureStore from "expo-secure-store";
+
 import MainStack from "./routes/Main";
+import { LevelContext } from "../providers/Level";
 
 const AppNavigator = () => {
+
   return <MainStack />;
 };
 

diff --git a/src/navigation/routes/Main.tsx b/src/navigation/routes/Main.tsx
@@ -15,7 +15,9 @@ const AppStack = createNativeStackNavigator<MainStackProps>();
 
 const MainStack = () => {
   return (
-    <AppStack.Navigator initialRouteName="Welcome">
+    <AppStack.Navigator initialRouteName="Welcome" screenOptions={{
+      headerShown: true
+    }}>
       <AppStack.Screen
         name="Welcome"
         component={Welcome}

diff --git a/src/screens/playground/Auditorium.tsx b/src/screens/playground/Auditorium.tsx
@@ -28,6 +28,7 @@ const Auditorium = () => {
     setViewHeight(height);
   };
 
+  /** count down */
   React.useEffect(() => {
     if (countDown === 0) return;
 
@@ -48,9 +49,9 @@ const Auditorium = () => {
         <View style={[styles.container]}>
           {loser && <LoserModal />}
           {countDown !== 0 ? (
-            // <View style={[styles.countDownContainer]}>
+            <View style={[styles.countDownContainer]}>
               <Text style={[styles.extraLargeText]}>{countDown}</Text>
-            // {/* </View> */}
+            </View>
           ) : (
             <React.Fragment>
               {tiles.map((tile, key) => (

diff --git a/yarn.lock b/yarn.lock
@@ -3280,6 +3280,11 @@ expo-modules-core@1.5.11:
     compare-versions "^3.4.0"
     invariant "^2.2.4"
 
+expo-secure-store@~12.3.1:
+  version "12.3.1"
+  resolved "https://registry.yarnpkg.com/expo-secure-store/-/expo-secure-store-12.3.1.tgz#7e5ba94f6e7374f132108c9feb5cc811568f3db6"
+  integrity sha512-XLIgWDiIuiR0c+AA4NCWWibAMHCZUyRcy+lQBU49U6rvG+xmd3YrBJfQjfqAPyLroEqnLPGTWUX57GyRsfDOQw==
+
 expo-status-bar@~1.6.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/expo-status-bar/-/expo-status-bar-1.6.0.tgz#e79ffdb9a84d2e0ec9a0dc7392d9ab364fefa9cf"