Fit: ajout des context user et ressources pour l'ajout de chantier

This commit is contained in:
Amaël Kesteman
2025-12-11 11:47:38 +01:00
parent e24ee56c27
commit d62a11ed77
6 changed files with 84 additions and 4 deletions

View File

@@ -52,7 +52,7 @@ export default function TabLayout() {
component={BonjourScreen}
options={{
title: 'Bonjour',
tabBarIcon: ({ color }) => <IconSymbol size={28} name="house.fill" color={color} />,
tabBarIcon: ({ color }) => <IconSymbol size={28} name="person.fill" color={color} />,
}}
/>
<Tabs.Screen

View File

@@ -0,0 +1,15 @@
import ChantierSummary from '@/components/chantierSummary';
import SelectChantier from '@/components/selectChantier';
import SetStatus from '@/components/setStatus';
import { ThemedView, } from '@/components/themed-view';
import Constants from 'expo-constants'; //pour connaître la taille de la barre menu de l'OS en haut
import React from 'react';
import { StyleSheet, View } from 'react-native';
import { useChantier } from '../ContextChantier';
import { useRessources } from '../ContextRessource';
export default function ajouterChantier() {
const { chantier, setChantier } = useChantier();
const { artisant, setArtisant } = useArtisant();
const { ressources, setRessources } = useRessources();
}

View File

@@ -51,8 +51,6 @@ export default function BonjourScreen() {
<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>
);

33
app/ContextRessource.tsx Normal file
View File

@@ -0,0 +1,33 @@
import { Ressources } from "@/class/class";
import { createContext, ReactNode, useContext, useMemo, useState } from "react";
type RessourcesContextType = {
ressources: Ressources[];
setRessources: (list: Ressources[]) => void;
};
const RessourcesContext = createContext<RessourcesContextType | null>(null);
type RessourcesProviderProps = {
children: ReactNode;
};
export const RessourcesProvider = ({ children }: RessourcesProviderProps) => {
const [ressources, setRessources] = useState<Ressources[]>([]);
const value = useMemo(() => ({ ressources, setRessources }), [ressources]);
return (
<RessourcesContext.Provider value={value}>
{children}
</RessourcesContext.Provider>
);
};
export const useRessources = () => {
const context = useContext(RessourcesContext);
if (!context) {
throw new Error("useRessources doit être utilisé dans <RessourcesProvider>");
}
return context;
};

33
app/ContextUser.tsx Normal file
View File

@@ -0,0 +1,33 @@
import { User } from "@/class/class";
import { createContext, ReactNode, useContext, useMemo, useState } from "react";
type UserContextType = {
user: User[];
setUser: (list: User[]) => void;
};
const UserContext = createContext<UserContextType | null>(null);
type UserProviderProps = {
children: ReactNode;
};
export const UserProvider = ({ children }: UserProviderProps) => {
const [user, setUser] = useState<User[]>([]);
const value = useMemo(() => ({ user, setUser }), [user]);
return (
<UserContext.Provider value={value}>
{children}
</UserContext.Provider>
);
};
export const useUser = () => {
const context = useContext(UserContext);
if (!context) {
throw new Error("useUser doit être utilisé dans <UserProvider>");
}
return context;
};

View File

@@ -19,6 +19,7 @@ const MAPPING = {
'chevron.left.forwardslash.chevron.right': 'code',
'chevron.right': 'chevron-right',
'backpack.fill': 'backpack',
'person.fill': 'person',
} as IconMapping;
/**