test with firebase

app/(tabs)/bonjourFL.tsx

@@ -1,16 +1,15 @@
-import SelectChantier from '@/components/selectChantier';
-import { ThemedText } from '@/components/themed-text';
-import { ThemedTextInput } from '@/components/themed-textinpute';
-import { ThemedView } from '@/components/themed-view';
-import { useLocalSearchParams, useRouter } from 'expo-router';
-import React, { useMemo, useState } from 'react';
-import { Button, FlatList, Image, StyleSheet, Text } from 'react-native';
-import rawConcerts from '../../data/concerts.json';
-import Constants from 'expo-constants' //pour connaître la taille de la barre menu de l'OS en haut
-
-import Example from '@/components/example';
-import { useChantier } from '../Context';
+import SelectChantier from "@/components/selectChantier";
+import { ThemedText } from "@/components/themed-text";
+import { ThemedTextInput } from "@/components/themed-textinpute";
+import { ThemedView } from "@/components/themed-view";
+import { useLocalSearchParams, useRouter } from "expo-router";
+import React, { useMemo, useState } from "react";
+import { Button, FlatList, Image, StyleSheet, Text } from "react-native";
+import rawConcerts from "../../data/concerts.json";
+import Constants from "expo-constants"; //pour connaître la taille de la barre menu de l'OS en haut
 
+import Example from "@/components/example";
+import { useChantier } from "../Context";
 
 type Concert = {
   group: string;
@@ -24,14 +23,11 @@ type Concert = {
 };
 
 export default function BonjourScreen() {
-
   const router = useRouter();
   const { nom, prenom } = useLocalSearchParams(); // Recup data ecran precedent
-  const [search, setSearch] = useState('');
+  const [search, setSearch] = useState("");
   const { chantier, setChantier } = useChantier();
 
-
-
   const concertsData: Concert[] = Array.isArray(rawConcerts)
     ? (rawConcerts as Concert[])
     : [];
@@ -41,32 +37,29 @@ export default function BonjourScreen() {
     const q = search.trim().toLowerCase();
     if (!q) return concertsData;
     return concertsData.filter(
-      (item) => !!item && (item.group ?? '').toLowerCase().includes(q)
+      (item) => !!item && (item.group ?? "").toLowerCase().includes(q)
     );
   }, [concertsData, search]);
 
-
-  const renderItem = ({ item, index }: { item?: Concert; index: number })  => {
+  const renderItem = ({ item, index }: { item?: Concert; index: number }) => {
     if (!item) {
       return null;
     }
-    return(
-    <ThemedView lvl={1} shadow={true} style={styles.card}>
-      <Image source={{ uri: item.Image }} style={styles.image} />
-      <ThemedView lvl={1} style={styles.info}>
-        <ThemedText style={styles.group}>{item.group}</ThemedText>
-        <ThemedText>{item.date}</ThemedText>
-        <ThemedText>{item.location}</ThemedText>
-        <ThemedText>Prix : {item.price} €</ThemedText>
-        <ThemedText>Places restantes : {item.ticketsLeft}</ThemedText>
+    return (
+      <ThemedView lvl={1} shadow={true} style={styles.card}>
+        <Image source={{ uri: item.Image }} style={styles.image} />
+        <ThemedView lvl={1} style={styles.info}>
+          <ThemedText style={styles.group}>{item.group}</ThemedText>
+          <ThemedText>{item.date}</ThemedText>
+          <ThemedText>{item.location}</ThemedText>
+          <ThemedText>Prix : {item.price} €</ThemedText>
+          <ThemedText>Places restantes : {item.ticketsLeft}</ThemedText>
+        </ThemedView>
       </ThemedView>
-    </ThemedView>);
+    );
   };
 
-
-
-
-  return(
+  return (
     <ThemedView lvl={3} style={styles.container}>
       <FlatList
         data={filteredData}
@@ -76,7 +69,7 @@ export default function BonjourScreen() {
         ListHeaderComponent={
           <ThemedView opacity="00" style={styles.header}>
             <ThemedText style={styles.text}>
-              Bonjour {prenom} {nom} {chantier&&chantier.chef.nom}
+              Bonjour {prenom} {nom} {chantier && chantier.chef.name}
             </ThemedText>
 
             <ThemedView style={styles.inputBack} shadow={true}>
@@ -95,14 +88,17 @@ export default function BonjourScreen() {
         }
       />
 
-
-
-      <ThemedView style={{width:"100%", position: 'absolute', backgroundColor:'transparent',}}>
-            <SelectChantier ></SelectChantier>
+      <ThemedView
+        style={{
+          width: "100%",
+          position: "absolute",
+          backgroundColor: "transparent",
+        }}
+      >
+        <SelectChantier></SelectChantier>
       </ThemedView>
-
     </ThemedView>
-  )
+  );
 }
 
 const styles = StyleSheet.create({
@@ -114,21 +110,21 @@ const styles = StyleSheet.create({
   header: {
     marginTop: 60,
     marginBottom: 20,
-    alignItems: 'center',
+    alignItems: "center",
     paddingHorizontal: 20,
   },
   text: {
     fontSize: 22,
-    fontWeight: 'bold',
+    fontWeight: "bold",
     marginBottom: 10,
   },
-  inputBack:{
-    width:"100%",
-    borderRadius:10,
-    backgroundColor:'transparent'
+  inputBack: {
+    width: "100%",
+    borderRadius: 10,
+    backgroundColor: "transparent",
   },
   input: {
-    width: '100%',
+    width: "100%",
     //borderWidth: 1,
     //borderColor: '#ccc',
     borderRadius: 10,
@@ -136,7 +132,7 @@ const styles = StyleSheet.create({
     fontSize: 16,
   },
   card: {
-    flexDirection: 'row',
+    flexDirection: "row",
     marginHorizontal: 20,
     marginBottom: 15,
     //borderWidth: 1,
@@ -144,7 +140,6 @@ const styles = StyleSheet.create({
     borderRadius: 10,
     padding: 10,
     //backgroundColor: '#fafafa',
-
   },
   image: {
     width: 80,
@@ -154,10 +149,10 @@ const styles = StyleSheet.create({
   },
   info: {
     flex: 1,
-    justifyContent: 'center',
+    justifyContent: "center",
   },
   group: {
-    fontWeight: 'bold',
+    fontWeight: "bold",
     fontSize: 16,
     marginBottom: 5,
   },
@@ -165,8 +160,8 @@ const styles = StyleSheet.create({
     padding: 20,
   },
   empty: {
-    textAlign: 'center',
+    textAlign: "center",
     marginTop: 30,
-    color: '#888',
+    color: "#888",
   },
-});
+});

app/Context.tsx

@@ -1,5 +1,5 @@
-import { Chantier, Chef, exempleChantier } from '@/class/class';
-import { createContext, ReactNode, useContext, useMemo, useState } from 'react';
+import { Chantier } from "@/class/class";
+import { createContext, ReactNode, useContext, useMemo, useState } from "react";
 
 type ChantierContextType = {
   chantier: Chantier | null;
@@ -15,10 +15,7 @@ type ChantierProviderProps = {
 export const ChantierProvider = ({ children }: ChantierProviderProps) => {
   const [chantier, setChantier] = useState<Chantier | null>(null);
 
-  const value = useMemo(
-    () => ({ chantier, setChantier }),
-    [chantier]
-  );
+  const value = useMemo(() => ({ chantier, setChantier }), [chantier]);
 
   return (
     <ChantierContext.Provider value={value}>
@@ -30,7 +27,7 @@ export const ChantierProvider = ({ children }: ChantierProviderProps) => {
 export const useChantier = () => {
   const context = useContext(ChantierContext);
   if (!context) {
-    throw new Error('useChantier doit être utilisé dans <ChantierProvider>');
+    throw new Error("useChantier doit être utilisé dans <ChantierProvider>");
   }
   return context;
-};
+};