Checkpoint: Suppression du badge redondant "Exercice XXXX" du composant AnneeSelectorBar. L'année active est déjà mise en évidence par le bouton sélectionné dans le sélecteur. Le header de CAPEX-Construction est réorganisé pour que le sélecteur et les boutons Réinitialiser/Enregistrer soient sur la même ligne sans chevauchement.
This commit is contained in:
@@ -1,7 +1,7 @@
|
|||||||
// AnneeSelectorBar.tsx — Sélecteur d'année réutilisable
|
// AnneeSelectorBar.tsx — Sélecteur d'année réutilisable
|
||||||
// Utilisé dans : Renouvellement PC, CAPEX-Construction, CAPEX-Synthèse, DSI-OPEX
|
// Utilisé dans : Renouvellement PC, CAPEX-Construction, CAPEX-Synthèse, DSI-OPEX
|
||||||
|
|
||||||
import { Calendar, ChevronLeft, ChevronRight } from 'lucide-react';
|
import { ChevronLeft, ChevronRight } from 'lucide-react';
|
||||||
import { useAnnee, ANNEES_DISPONIBLES } from '../contexts/AnneeContext';
|
import { useAnnee, ANNEES_DISPONIBLES } from '../contexts/AnneeContext';
|
||||||
|
|
||||||
interface AnneeSelectorBarProps {
|
interface AnneeSelectorBarProps {
|
||||||
@@ -57,10 +57,7 @@ export function AnneeSelectorBar({ label, className = '' }: AnneeSelectorBarProp
|
|||||||
<ChevronRight className="w-3.5 h-3.5 text-muted-foreground" />
|
<ChevronRight className="w-3.5 h-3.5 text-muted-foreground" />
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex items-center gap-1 text-xs text-muted-foreground">
|
|
||||||
<Calendar className="w-3.5 h-3.5" />
|
|
||||||
<span>Exercice {annee}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -280,9 +280,8 @@ export default function Budget2027() {
|
|||||||
Campagne budgétaire CAPEX DSI — Prévisionnel {annee}
|
Campagne budgétaire CAPEX DSI — Prévisionnel {annee}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex items-center gap-3">
|
<div className="flex items-center gap-3 flex-wrap">
|
||||||
<AnneeSelectorBar />
|
<AnneeSelectorBar />
|
||||||
</div>
|
|
||||||
{selectedCode && (
|
{selectedCode && (
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
<button
|
<button
|
||||||
@@ -303,6 +302,7 @@ export default function Budget2027() {
|
|||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<div className="flex-1 overflow-y-auto px-6 py-6 space-y-6">
|
<div className="flex-1 overflow-y-auto px-6 py-6 space-y-6">
|
||||||
|
|||||||
Reference in New Issue
Block a user