reza fixed my course

navigation/index.js

@@ -39,6 +39,7 @@ import Blog from "../src/screens/Blog";
 import Sample from "../src/screens/Product/components/Sample";
 import Info from "../src/screens/Product/components/Info";
 import Rules from "../src/screens/Rules/index";
+import MyCourses from "../src/screens/Profile/components/MyCourses";
 
 //style
 import Colors from "../src/constants/Colors";
@@ -434,7 +435,9 @@ const PROFILEStackScreen = () => {
     >
       <PROFILEStack.Screen name="Profile" component={Profile} />
       <PROFILEStack.Screen name="ProfileBookmark" component={ProfileBookmark} />
+      <ProductsStack.Screen name="Products" component={Products} />
       <PROFILEStack.Screen name="Product" component={Product} />
+      <PROFILEStack.Screen name="MyCourses" component={MyCourses} />
     </PROFILEStack.Navigator>
   );
 };

src/components/Empty.js

@@ -8,15 +8,16 @@ import tw from "tailwind-rn";
 import fontSize from "../constants/fontSize";
 
 const Empty = ({ text, buttonText, buttonAction, theme }) => {
+  console.log('first');
   return (
     <View style={tw("flex-1 flex justify-center items-center")}>
       <Text
         style={[
-          tw("text-gray-500"),
           {
             fontFamily: "regular",
             fontSize: fontSize.tiny,
             transform: [{ translateY: -50 }],
+            color : Colors.theme1[theme].gray20
           },
         ]}
       >

src/screens/Profile/components/List.js

@@ -133,7 +133,7 @@ const List = ({ mobile, theme }) => {
         </Svg>
       ),
       name: "دوره‌های من",
-      onPress: () => {},
+      onPress: () => navigation.push("MyCourses"),
     },
     {
       icon: (

src/screens/Profile/components/MyCourses/index.js

@@ -0,0 +1,96 @@
+import {
+  View,
+  SafeAreaView,
+  ScrollView,
+  StyleSheet,
+  Platform,
+  Dimensions,
+  StatusBar,
+} from "react-native";
+import React from "react";
+import { connect } from "react-redux";
+import { useNavigation } from "@react-navigation/native";
+
+//components
+import Navbar from "../../../../components/Navbar";
+import Empty from "../../../../components/Empty";
+import Blur from "../../../../components/Blur";
+
+//style
+import tw from "tailwind-rn";
+import Colors from "../../../../constants/Colors";
+import fontSize from "../../../../constants/fontSize";
+
+const { height, width } = Dimensions.get("window");
+const ios = Platform.OS === "ios";
+
+const ProfileBookmark = ({ myCourses = [], mobile, theme }) => {
+  const navigation = useNavigation();
+
+  return (
+    <SafeAreaView
+      style={{
+        paddingTop: Platform.OS === "android" ? StatusBar.currentHeight : 0,
+        position: "relative",
+        backgroundColor: "white",
+        flex: 1,
+      }}
+    >
+      <Navbar
+        headerOptions={{
+          logo: false,
+          menu: false,
+          hamburgerMenu: false,
+          title: "دوره های من",
+          bookmark: false,
+          qr: false,
+          back: true,
+        }}
+      />
+      {myCourses.length ? (
+        <ScrollView
+          contentContainerStyle={styles.contentContainerStyle}
+          style={styles.container}
+        >
+          <View style={tw("w-full mt-2 px-4")}>
+            <View style={tw("p-0 m-0 flex")}>
+              {myCourses?.map((course, index) => (
+                <Course key={index} mobile={mobile} theme={theme} />
+              ))}
+            </View>
+          </View>
+        </ScrollView>
+      ) : (
+        <Empty
+          text="هیچ دوره ویدئویی وجود ندارد."
+          buttonText={"رفتن به فروشگاه"}
+          buttonAction={() => navigation.push("Products")}
+        />
+      )}
+    </SafeAreaView>
+  );
+};
+
+const mapStateToProps = (state) => ({
+  mobile: state.publicApi.mobile,
+  theme: state.publicApi.theme,
+});
+
+export default connect(mapStateToProps)(ProfileBookmark);
+
+const Course = ({ mobile, theme }) => {
+  return <View></View>;
+};
+
+const styles = StyleSheet.create({
+  contentContainerStyle: {
+    paddingBottom: 100,
+    position: "relative",
+  },
+  container: {
+    backgroundColor: "white",
+    flexDirection: "column",
+    paddingVertical: 0,
+    paddingHorizontal: 0,
+  },
+});