init project

2026-07-11 20:12:00 +02:00
commit b1f7fe6959
42 changed files with 7930 additions and 0 deletions
@@ -0,0 +1,77 @@
+import React, { useState } from 'react';
+import { View, Text, StyleSheet, TouchableOpacity, Alert } from 'react-native';
+import * as ImagePicker from 'react-native-image-picker';
+import { useUpload } from '../hooks/useUpload';
+import { UploadProgress } from '../components/UploadProgress';
+
+export function UploadScreen() {
+  const [uploadStatus, setUploadStatus] = useState<'idle' | 'uploading' | 'processing' | 'success' | 'error'>('idle');
+  const [error, setError] = useState<string>();
+  const upload = useUpload();
+
+  const pickImage = async () => {
+    try {
+      const result = await ImagePicker.launchImageLibrary({
+        mediaType: 'photo',
+        quality: 1,
+      });
+
+      if (result.didCancel) return;
+      if (result.errorCode) {
+        Alert.alert('Erreur', result.errorMessage || "Impossible d'accéder à la galerie");
+        return;
+      }
+
+      if (result.assets && result.assets[0]) {
+        setUploadStatus('uploading');
+        const asset = result.assets[0];
+        const file = {
+          uri: asset.uri,
+          type: asset.type || 'image/jpeg',
+          name: asset.fileName || 'photo.jpg',
+        };
+
+        try {
+          const response = await upload.mutateAsync(file as any);
+          setUploadStatus('processing');
+          console.log('Upload success:', response);
+          setUploadStatus('success');
+        } catch (err) {
+          setUploadStatus('error');
+          setError(err instanceof Error ? err.message : 'Upload failed');
+        }
+      }
+    } catch (err) {
+      Alert.alert('Erreur', "Impossible d'accéder à la galerie");
+    }
+  };
+
+  return (
+    <View style={styles.container}>
+      <UploadProgress status={uploadStatus} error={error} />
+
+      <TouchableOpacity style={styles.uploadButton} onPress={pickImage}>
+        <Text style={styles.uploadText}>Sélectionner une photo</Text>
+      </TouchableOpacity>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    padding: 16,
+    backgroundColor: '#fff',
+  },
+  uploadButton: {
+    backgroundColor: '#1976D2',
+    padding: 16,
+    borderRadius: 8,
+    alignItems: 'center',
+  },
+  uploadText: {
+    color: '#fff',
+    fontSize: 16,
+    fontWeight: '600',
+  },
+});