add coler activity 1

frontend/src/component/colorActivity.js

@@ -4,8 +4,10 @@ import {Text, TouchableOpacity, StyleSheet, View, Image} from 'react-native'
 
 export default function ColorActivity(){
 
+    const navigation = useNavigation();
+
     return(
-        <TouchableOpacity style={styles.card}>
+        <TouchableOpacity onPress={()=> {navigation.navigate("Blue")}} style={styles.card}>
             <View style={[{flexDirection: "row"}]}>
 
                 <View style={styles.cardImage}>

frontend/src/screen/Color.js

 import { useNavigation } from "@react-navigation/native";
 import axios from "axios";
 import React, {useState, useEffect} from "react";
+import Orientation from 'react-native-orientation-locker';
 import { StyleSheet, View, Text, Pressable, SafeAreaView, ScrollView, Image, ImageBackground, Dimensions, Animated, Easing, NativeModules } from 'react-native';
 import ImageButton from "../component/ImageButton";
 import ColorActivity from "../component/colorActivity";
@@ -47,11 +48,11 @@ const[names,setNames] = useState([]);
                     </View>
                 </View>
 
-                {/* <ColorActivity>
+                <ColorActivity>
                     
                 </ColorActivity>
 
-                <ColorActivity>
+                {/* <ColorActivity>
                     
                 </ColorActivity>