Chezlepro/groupe-meditation
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Corriger l'entete du mode sysadmin instance

Browse source
This commit is contained in:
Daniel Allaire 2026-06-01 06:51:56 -04:00
parent 8fafb8e000
commit 7ed9dd9167
2 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
frontend/src/components/PageHeader.jsx
View file

@ -2,7 +2,8 @@ import React from 'react';
import { useStore } from '../stores/store'; import { useStore } from '../stores/store';
export default function PageHeader({ titre, sousTitre, retour = true, action = null }) { export default function PageHeader({ titre, sousTitre, retour = true, action = null }) {
const { membre, groupe, setPage, logout } = useStore(); const { membre, groupe, sysadminInstance, setPage, logout } = useStore();
const contexte = sysadminInstance ? 'Instance' : groupe?.nom;
return ( return (
<div className="sticky top-0 z-30 bg-aa-blue text-white px-4 pt-4 pb-5 rounded-b-2xl shadow-lg"> <div className="sticky top-0 z-30 bg-aa-blue text-white px-4 pt-4 pb-5 rounded-b-2xl shadow-lg">
<div className="flex items-start justify-between gap-3"> <div className="flex items-start justify-between gap-3">
@ -18,7 +19,7 @@ export default function PageHeader({ titre, sousTitre, retour = true, action = n
)} )}
<div className="min-w-0"> <div className="min-w-0">
<p className="text-blue-200 text-xs truncate"> <p className="text-blue-200 text-xs truncate">
{groupe?.nom ? `${groupe.nom} · ` : ''}Bonjour {membre?.prenom} {contexte ? `${contexte} · ` : ''}Bonjour {membre?.prenom}
</p> </p>
<h1 className="text-xl font-bold leading-tight truncate">{titre}</h1> <h1 className="text-xl font-bold leading-tight truncate">{titre}</h1>
{sousTitre && <p className="text-sm text-blue-100 mt-1 truncate">{sousTitre}</p>} {sousTitre && <p className="text-sm text-blue-100 mt-1 truncate">{sousTitre}</p>}

4
frontend/src/pages/Accueil.jsx
View file

@ -88,6 +88,7 @@ export default function Accueil() {
navContext, navContext,
setPage, setPage,
groupe, groupe,
sysadminInstance,
} = useStore(); } = useStore();
const [recherche, setRecherche] = useState(''); const [recherche, setRecherche] = useState('');
@ -109,6 +110,7 @@ export default function Accueil() {
}, [tousModules]); }, [tousModules]);
const contexte = CONTEXTES[navContext] || CONTEXTES.accueil; const contexte = CONTEXTES[navContext] || CONTEXTES.accueil;
const contexteEntete = sysadminInstance ? 'Instance' : groupe?.nom;
const q = recherche.trim().toLowerCase(); const q = recherche.trim().toLowerCase();
const sections = useMemo(() => contexte.sections const sections = useMemo(() => contexte.sections
@ -128,7 +130,7 @@ export default function Accueil() {
<div className="flex items-center justify-between gap-3"> <div className="flex items-center justify-between gap-3">
<div className="min-w-0"> <div className="min-w-0">
<p className="text-blue-200 text-xs truncate"> <p className="text-blue-200 text-xs truncate">
{groupe?.nom ? `${groupe.nom} · ` : ''}Bonjour {membre?.prenom} {contexteEntete ? `${contexteEntete} · ` : ''}Bonjour {membre?.prenom}
</p> </p>
<h1 className="text-xl font-bold leading-tight">{contexte.titre}</h1> <h1 className="text-xl font-bold leading-tight">{contexte.titre}</h1>
<p className="text-sm text-blue-100 mt-1">{contexte.description}</p> <p className="text-sm text-blue-100 mt-1">{contexte.description}</p>