themimg

src/components/common/Header.tsx

@@ -18,8 +18,8 @@ const Header: React.FC<HeaderProps> = ({
   showBack = true,
   onBackPress,
   rightAction,
-  titleColor = colors.primary,
-  arrowColor = colors.primary
+  titleColor = '#000',
+  arrowColor = '#000'
 }) => {
   const navigation = useNavigation();
 
@@ -33,12 +33,12 @@ const Header: React.FC<HeaderProps> = ({
 
   return (
     <View style={styles.header}>
-      {/* {showBack && (
+      {showBack && (
         <TouchableOpacity onPress={handleBack} style={{padding:6}}>
           <Ionicons name="arrow-back" size={24} color={arrowColor} />
         </TouchableOpacity>
-      )} */}
-      <Text style={[styles.headerTitle, {color:colors.black}]}>{title}</Text>
+      )}
+      <Text style={[styles.headerTitle, {color:titleColor}]}>{title}</Text>
       <View>{rightAction}</View>
     </View>
   );
@@ -57,6 +57,6 @@ const styles = StyleSheet.create({
   headerTitle: {
     fontSize: 18,
     fontWeight: "600",
-    textTransform:'uppercase'
+    textTransform: "capitalize",
   },
 });