them cac trang cart, tai khoan

components/header/HeaderAllPage.tsx

@@ -110,8 +110,26 @@ const HeaderAllOtherPage = (props : {headerTitle: string}) => {
     )
 }
 
+const HeaderLogin = (props : {headerTitle: string}) => {
+    const {headerTitle} = props
+    const navigation = useNavigation();
+    return (
+        <View style={styles.boxHeaderProductDetail}>
+            <TouchableOpacity onPress={() => navigation.goBack()} style={styles.boxHeaderProductDetailGoBack}>
+                <Ionicons style={styles.boxHeaderProductDetailIcon} name="chevron-back-outline" />
+            </TouchableOpacity>
+            <Text style={styles.boxHeaderProductDetailTitle}>{headerTitle}</Text>
+            <View style={styles.boxHeaderProductDetailRight}>
+                <TouchableOpacity>
+                    <Text style={styles.headerLoginSp}>Trợ giúp</Text>
+                </TouchableOpacity>
+            </View>
+        </View>
+    )
+}
 
-export { HeaderHome, HeaderCategory, HeaderProductDetail, HeaderAllOtherPage };
+
+export { HeaderHome, HeaderCategory, HeaderProductDetail, HeaderAllOtherPage, HeaderLogin };
 
 const styles = StyleSheet.create({
     container: {
@@ -318,4 +336,8 @@ const styles = StyleSheet.create({
         fontWeight: 'bold',
         fontSize: 16,
     },
+    headerLoginSp: {
+        fontWeight: '300',
+        color: '#777'
+    },
 })