Fit: ajout des context user et ressources pour l'ajout de chantier
This commit is contained in:
@@ -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
|
||||
|
||||
15
app/(tabs)/ajouter_chantier.tsx
Normal file
15
app/(tabs)/ajouter_chantier.tsx
Normal 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();
|
||||
}
|
||||
@@ -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
33
app/ContextRessource.tsx
Normal 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
33
app/ContextUser.tsx
Normal 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;
|
||||
};
|
||||
Reference in New Issue
Block a user