update register page ui and api

2026-02-24 11:28:06 +05:00
parent 0c9e0811ea
commit 8edd45d1ad
18 changed files with 14795 additions and 313 deletions
--- a/screens/auth/register/AuthHeader.tsx
+++ b/screens/auth/register/AuthHeader.tsx
@@ -0,0 +1,48 @@
+import { useRouter } from 'expo-router';
+import { ChevronLeft } from 'lucide-react-native';
+import React from 'react';
+import { StyleSheet, TouchableOpacity, View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+
+export default function AuthHeader() {
+    const router = useRouter();
+    const insets = useSafeAreaInsets();
+
+    return (
+        <View style={[styles.container, { paddingTop: insets.top + 8 }]}>
+            <TouchableOpacity
+                style={styles.backButton}
+                onPress={() => {
+                    if (router.canGoBack()) {
+                        router.back();
+                    }
+                }}
+                testID="auth-header-back"
+            >
+                <ChevronLeft size={22} color="#94a3b8" />
+            </TouchableOpacity>
+            <View style={{ width: 44 }} />
+        </View>
+    );
+}
+
+const styles = StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        paddingHorizontal: 24,
+        paddingBottom: 8,
+        zIndex: 1000,
+    },
+    backButton: {
+        width: 44,
+        height: 44,
+        backgroundColor: 'rgba(255, 255, 255, 0.1)',
+        borderRadius: 12,
+        alignItems: 'center',
+        justifyContent: 'center',
+        borderWidth: 1,
+        borderColor: 'rgba(255, 255, 255, 0.15)',
+    },
+});