mirror of
https://git.v0id.ovh/n3wt-innov/n3wt-school.git
synced 2026-01-29 07:53:23 +00:00
chore: Initial Commit
feat: Gestion des inscriptions [#1] feat(frontend): Création des vues pour le paramétrage de l'école [#2] feat: Gestion du login [#6] fix: Correction lors de la migration des modèle [#8] feat: Révision du menu principal [#9] feat: Ajout d'un footer [#10] feat: Création des dockers compose pour les environnements de développement et de production [#12] doc(ci): Mise en place de Husky et d'un suivi de version automatique [#14]
This commit is contained in:
34
Front-End/src/components/ToggleView.js
Normal file
34
Front-End/src/components/ToggleView.js
Normal file
@ -0,0 +1,34 @@
|
||||
import React from 'react';
|
||||
import { CalendarDays, Calendar, CalendarRange, List } from 'lucide-react';
|
||||
|
||||
const ToggleView = ({ viewType, setViewType }) => {
|
||||
const views = [
|
||||
{ type: 'week', label: 'Semaine', icon: CalendarDays },
|
||||
{ type: 'month', label: 'Mois', icon: Calendar },
|
||||
{ type: 'year', label: 'Année', icon: CalendarRange },
|
||||
{ type: 'planning', label: 'Planning', icon: List }
|
||||
];
|
||||
|
||||
return (
|
||||
<div className="bg-gray-100 p-1 rounded-lg flex gap-1">
|
||||
{views.map(({ type, label, icon: Icon }) => (
|
||||
<button
|
||||
key={type}
|
||||
onClick={() => setViewType(type)}
|
||||
className={`
|
||||
flex items-center gap-2 px-3 py-1.5 rounded-md transition-all
|
||||
${viewType === type
|
||||
? 'bg-emerald-600 text-white shadow-sm'
|
||||
: 'text-gray-600 hover:bg-gray-200'
|
||||
}
|
||||
`}
|
||||
>
|
||||
<Icon className="w-4 h-4" />
|
||||
<span className="text-sm font-medium">{label}</span>
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ToggleView;
|
||||
Reference in New Issue
Block a user