From 7b1ed13699530f6426c920247f38ac364da65c3e Mon Sep 17 00:00:00 2001
From: trochas <thibaut.rochas@etudiant.univ-rennes1.fr>
Date: Mon, 13 Oct 2025 09:43:51 +0200
Subject: [PATCH] select chantier en cours

---
 app/(tabs)/explore.tsx        |  5 ++-
 app/(tabs)/selectChantier.tsx | 69 +++++++++++++++++++++++++++++++++++
 app/_layout.tsx               |  3 +-
 app/selectChantier.tsx        | 43 ----------------------
 4 files changed, 75 insertions(+), 45 deletions(-)
 create mode 100644 app/(tabs)/selectChantier.tsx
 delete mode 100644 app/selectChantier.tsx

diff --git a/app/(tabs)/explore.tsx b/app/(tabs)/explore.tsx
index 71518f9..341a35a 100644
--- a/app/(tabs)/explore.tsx
+++ b/app/(tabs)/explore.tsx
@@ -1,13 +1,14 @@
 import { Image } from 'expo-image';
 import { Platform, StyleSheet } from 'react-native';
 
-import { Collapsible } from '@/components/ui/collapsible';
 import { ExternalLink } from '@/components/external-link';
 import ParallaxScrollView from '@/components/parallax-scroll-view';
 import { ThemedText } from '@/components/themed-text';
 import { ThemedView } from '@/components/themed-view';
+import { Collapsible } from '@/components/ui/collapsible';
 import { IconSymbol } from '@/components/ui/icon-symbol';
 import { Fonts } from '@/constants/theme';
+import SelectChantier from './selectChantier';
 
 export default function TabTwoScreen() {
   return (
@@ -21,7 +22,9 @@ export default function TabTwoScreen() {
           style={styles.headerImage}
         />
       }>
+      <SelectChantier></SelectChantier>
       <ThemedView style={styles.titleContainer}>
+        
         <ThemedText
           type="title"
           style={{
diff --git a/app/(tabs)/selectChantier.tsx b/app/(tabs)/selectChantier.tsx
new file mode 100644
index 0000000..f04d1cc
--- /dev/null
+++ b/app/(tabs)/selectChantier.tsx
@@ -0,0 +1,69 @@
+import { useState } from 'react';
+import { Button, GestureResponderEvent, ScrollView, StyleSheet, TextInput, View } from 'react-native';
+
+export default function SelectChantier() {
+
+    const [search, setSearch] = useState('');
+    const [isOpen,setIsOpen] = useState(false);
+
+  function onPressOpen(event: GestureResponderEvent): void {
+    setIsOpen(!isOpen);
+  }
+
+    return (
+        <View style={styles.selectZone}>
+          {!isOpen && (
+             <Button onPress={onPressOpen} title={"Open"}/>
+          )}
+           {isOpen && (
+            <ScrollView>
+               <Button onPress={onPressOpen} title={"Close"}/>
+                <View style={styles.searchZone}>
+                    <View style={styles.searchMenu}>
+                        <TextInput
+                            placeholder='Rechercher un chantier'
+                            value={search}
+                            onChangeText={setSearch}
+                        />
+                    </View>
+                </View>
+                
+                <View>
+
+                </View>
+            </ScrollView>
+           )}
+        </View>
+
+    );
+}
+
+const styles = StyleSheet.create({
+  titleContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8,
+  },
+  searchMenu:{
+    backgroundColor: "#BB0000",
+    width: "100%",
+    margin: 0,
+
+    
+  },
+    searchZone:{
+    width: "100%",
+    padding:20,
+    marginTop:50,
+    alignItems: 'center',
+  },
+  selectZone:{
+    position: 'absolute',
+    backgroundColor: "#FF0000",
+    width: "100%",
+    margin: 10,
+    borderRadius: 5,
+    zIndex: 9999,
+    elevation: 9999,
+  }
+});
diff --git a/app/_layout.tsx b/app/_layout.tsx
index fd2f486..2093696 100644
--- a/app/_layout.tsx
+++ b/app/_layout.tsx
@@ -13,13 +13,14 @@ export default function RootLayout() {
   const colorScheme = useColorScheme();
 
   return (
+
     <ThemeProvider value={colorScheme === 'dark' ? DarkTheme : DefaultTheme}>
       <Stack>
-        <Stack.Screen name="selectChantier" options={{ headerShown: false }}/>
         <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
         <Stack.Screen name="modal" options={{ presentation: 'modal', title: 'Modal' }} />
       </Stack>
       <StatusBar style="auto" />
     </ThemeProvider>
+
   );
 }
diff --git a/app/selectChantier.tsx b/app/selectChantier.tsx
deleted file mode 100644
index 5cdce56..0000000
--- a/app/selectChantier.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import { useState } from 'react';
-import { ScrollView, StyleSheet, TextInput, View } from 'react-native';
-
-export default function SelectChantier() {
-
-      const [search, setSearch] = useState('');
-
-
-    return (
-        <ScrollView>
-            <View style={styles.searchZone}>
-                <TextInput
-                    placeholder='Rechercher un chantier'
-                    value={search}
-                    onChangeText={setSearch}
-                />
-            </View>
-            
-            <View>
-
-            </View>
-        </ScrollView>
-
-    );
-}
-
-const styles = StyleSheet.create({
-  titleContainer: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 8,
-  },
-  searchZone:{
-    position: 'absolute',
-    backgroundColor: "#FF0000",
-    width: "100%",
-    margin: 0,
-    padding:20,
-    alignItems: 'center',
-
-    
-  }
-});