28 lines
706 B
TypeScript
28 lines
706 B
TypeScript
import { useState, useCallback } from 'react';
|
|
import type { Service } from '../types/service';
|
|
|
|
/**
|
|
* Hook personnalisé pour gérer l'état des modales de services
|
|
* Remplace la logique dans App.tsx et simplifie la gestion d'état
|
|
*/
|
|
export const useServiceModal = () => {
|
|
const [selectedService, setSelectedService] = useState<Service | null>(null);
|
|
|
|
const openServiceModal = useCallback((service: Service) => {
|
|
setSelectedService(service);
|
|
}, []);
|
|
|
|
const closeServiceModal = useCallback(() => {
|
|
setSelectedService(null);
|
|
}, []);
|
|
|
|
const isModalOpen = selectedService !== null;
|
|
|
|
return {
|
|
selectedService,
|
|
openServiceModal,
|
|
closeServiceModal,
|
|
isModalOpen,
|
|
};
|
|
};
|