update Header.js, Videos.js and Rates.js

src/screens/Home/components/Header.js

@@ -33,14 +33,14 @@ const Header = ({ title, route, mobile, theme, state = null }) => {
       {route ? (
         <Pressable
           onPress={() => navigation.navigate(route, state)}
-          style={{ transform: [{ translateX: -fontSize.xl6 / 3 }] }}
+          style={{ transform: [{ translateX: -fontSize.xl6 / 3 }], marginLeft : 4 }}
         >
           <Text
             style={{
               color:
                 theme === "light" ? Colors.theme1.green79 : Colors.theme1.white,
               fontSize: fontSize.sm,
-              fontFamily: "light",
+              fontFamily: "bold",
             }}
           >
             مشاهده همه

src/screens/Home/components/Videos.js

@@ -50,7 +50,7 @@ const Video = ({ video, mobile, grades, theme }) => {
   return (
     <Pressable
       style={[
-        tw(`flex  relative ${mobile ? "mr-4" : "ml-5"}`),
+        tw(`flex  relative ${mobile ? "ml-3" : "ml-5"}`),
         { width: mobile ? 200 : 260, height: mobile ? 210 : 250 },
       ]}
       onPress={() => navigation.navigate("Video", { id: video?.id })}

src/screens/Product/components/Rates.js

@@ -40,6 +40,7 @@ function Rates({ rate, productId, addVote, isBuyed = null, theme }) {
           type="star"
           ratingCount={5}
           imageSize={width / 25}
+          ratingColor={Colors.theme1.grayE3}
           tintColor={
             theme === "light" ? Colors.theme1.white : Colors.theme1.dark
           }
@@ -60,11 +61,11 @@ function Rates({ rate, productId, addVote, isBuyed = null, theme }) {
       </Pressable>
       <View style={[tw("flex  flex-1"), { width: "60%" }]}>
         {[
-          { name: "بخش ۱", value: 40 },
-          { name: "بخش ۱", value: 20 },
-          { name: "بخش ۱", value: 70 },
-          { name: "بخش ۱", value: 10 },
-          { name: "بخش ۱", value: 50 },
+          { name: "یک ستاره", value: 40 },
+          { name: "دو ستاره", value: 10 },
+          { name: "سه ستاره", value: 10 },
+          { name: "چهار ستاره", value: 30 },
+          { name: "پنج ستاره", value: 10 },
         ].map((field, index) => (
           <Progress key={index} data={field} theme={theme} />
         ))}