diff --git a/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/FicheAction/FicheAction.tsx b/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/FicheAction/FicheAction.tsx index d938af0b8e..73a9bbe1d4 100644 --- a/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/FicheAction/FicheAction.tsx +++ b/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/FicheAction/FicheAction.tsx @@ -6,7 +6,7 @@ import { useFicheAction } from './data/useFicheAction'; import { useUpdateFicheAction } from './data/useUpdateFicheAction'; import FicheActionActeurs from './FicheActionActeurs/FicheActionActeurs'; import FicheActionDescription from './FicheActionDescription/FicheActionDescription'; -import FicheActionHeader from './FicheActionHeader/FicheActionHeader'; +import Header from './Header'; import FicheActionImpact from './FicheActionImpact'; import FicheActionOnglets from './FicheActionOnglets'; import FicheActionPilotes from './FicheActionPilotes/FicheActionPilotes'; @@ -46,10 +46,8 @@ const FicheAction = ({ isReadonly }: FicheActionProps) => { >
{/* Header de la fiche action (titre, fil d'ariane) */} - updateFiche({ ...fiche, titre })} /> @@ -77,25 +75,6 @@ const FicheAction = ({ isReadonly }: FicheActionProps) => { {/** Fiche action issue du panier d’action */} - {/* Date de dernière modification */} - {fiche.modifiedAt && ( -
- - Dernière modification le{' '} - {format(new Date(fiche.modifiedAt), 'dd/MM/yyyy')} - - {fiche.createdAt && ( - - Fiche action créée le{' '} - {format(new Date(fiche.createdAt), 'dd/MM/yyyy')} - {fiche.createdBy !== null - ? ` par ${fiche.createdBy.prenom} ${fiche.createdBy.nom}` - : ''} - - )} -
- )} - {/* Pilotes */} void; -}; - -const FicheActionHeader = (props: FicheActionHeaderProps) => { - const { titre, collectiviteId, axes } = props; - - return ( -
- {/* Titre éditable de la fiche action */} - - - {/* Fils d'ariane avec emplacements de la fiche */} - - - -
- ); -}; - -export default FicheActionHeader; diff --git a/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/FicheAction/FicheActionHeader/CheminFiche.tsx b/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/FicheAction/Header/CheminFiche.tsx similarity index 98% rename from app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/FicheAction/FicheActionHeader/CheminFiche.tsx rename to app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/FicheAction/Header/CheminFiche.tsx index f99d198fee..19ceec3cf8 100644 --- a/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/FicheAction/FicheActionHeader/CheminFiche.tsx +++ b/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/FicheAction/Header/CheminFiche.tsx @@ -18,6 +18,7 @@ const CheminFiche = ({ titre, axeId, collectiviteId }: CheminFicheProps) => { return ( { diff --git a/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/FicheAction/Header/Header.tsx b/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/FicheAction/Header/Header.tsx new file mode 100644 index 0000000000..7cead1999d --- /dev/null +++ b/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/FicheAction/Header/Header.tsx @@ -0,0 +1,55 @@ +import { format } from 'date-fns'; + +import { FicheAction } from '@/api/plan-actions'; + +import { Icon } from '@/ui'; + +import CheminsFiche from './CheminsFiche'; +import TitreFiche from './TitreFiche'; + +type FicheActionHeaderProps = { + fiche: FicheAction; + isReadonly: boolean; + updateTitle: (value: string | null) => void; +}; + +const Header = ({ fiche, updateTitle, isReadonly }: FicheActionHeaderProps) => { + const { titre, collectiviteId, axes } = fiche; + + return ( +
+ {/* Titre éditable de la fiche action */} + + + {/* Fils d'ariane avec emplacements de la fiche */} + + + {/* Création et modification de la fiche */} +
+ {fiche.modifiedAt && ( +
+ + Modifiée le {format( + new Date(fiche.modifiedAt), + 'dd/MM/yyyy' + )} par {fiche.modifiedBy?.prenom} {fiche.modifiedBy?.nom} +
+ )} +
+ {fiche.createdAt && ( +
+ + Créée le {format(new Date(fiche.createdAt), 'dd/MM/yyyy')} par{' '} + {fiche.createdBy?.prenom} {fiche.createdBy?.nom} +
+ )} +
+
+ ); +}; + +export default Header; diff --git a/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/FicheAction/FicheActionHeader/TitreFiche.tsx b/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/FicheAction/Header/TitreFiche.tsx similarity index 100% rename from app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/FicheAction/FicheActionHeader/TitreFiche.tsx rename to app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/FicheAction/Header/TitreFiche.tsx diff --git a/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/FicheAction/Header/index.ts b/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/FicheAction/Header/index.ts new file mode 100644 index 0000000000..579f1ac23f --- /dev/null +++ b/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/FicheAction/Header/index.ts @@ -0,0 +1 @@ +export { default } from './Header';