change route

frontend/src/component/colorActivity.js

 import { useNavigation } from "@react-navigation/native";
-import React from "react";
+import React, {useEffect} from "react";
 import {Text, TouchableOpacity, StyleSheet, View, Image} from 'react-native'
 
 

frontend/src/router/router.js

@@ -8,7 +8,7 @@ import Register from '../screen/auth/Register';
 import Login from '../screen/auth/Login';
 import Splash from '../screen/splash/Splash';
 import Color from '../screen/Color';
-import Blue from '../screen/Blue';
+import Blue from '../screen/activity/Blue';
 import Read from '../screen/Read';
 import ReadActivity from '../screen/activity/readActivity';
 const Stack = createNativeStackNavigator();

frontend/src/screen/Blue.js → frontend/src/screen/activity/Blue.js

@@ -36,7 +36,7 @@ export default function Blue() {
       return(
         <SafeAreaView>
             <View style={{flexDirection: "column"}}>
-                <ImageBackground style={styles.image} source={require("../assets/game/gameback.png")}>
+                <ImageBackground style={styles.image} source={require("../../assets/game/gameback.png")}>
 
                     <View>
                         
@@ -44,13 +44,13 @@ export default function Blue() {
                             <Text style={styles.text}>Say the name of this color?</Text>
                         </View>
 
-                        <Image style={styles.robo} source={require("../assets/game/robo.png")}></Image>
+                        <Image style={styles.robo} source={require("../../assets/game/robo.png")}></Image>
 
                     </View>
 
                     <View>
 
-                        <Image style={styles.blackboard} source={require("../assets/game/blackboard.png")}></Image>
+                        <Image style={styles.blackboard} source={require("../../assets/game/blackboard.png")}></Image>
 
                         <View style={styles.box}>  
                         </View>