feat: tri les résistants avec les derniers en premier

package.json

@@ -13,6 +13,7 @@
     "@mantine/core": "^6.0.10",
     "@mantine/hooks": "^6.0.10",
     "@tabler/icons-react": "^2.2.0",
+    "date-fns": "^2.30.0",
     "mapbox-gl": "^2.12.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

src/Resistant.ts

@@ -1,3 +1,6 @@
+import { formatWithOptions, isAfter, isBefore, parse } from "date-fns/fp";
+import { fr } from "date-fns/locale";
+
 export interface Resistant {
   id: string;
   noms: string;
@@ -14,10 +17,63 @@ export interface Resistant {
   longitude: number;
 }
 
-export const isAncienResistant = (resistant: Resistant): boolean =>
+export interface AncienResistant extends Resistant {
+  date_fin_resistance: string;
+}
+
+export const isAncienResistant = (
+  resistant: Resistant
+): resistant is AncienResistant =>
   Boolean(
     resistant.date_fin_resistance && resistant.date_fin_resistance !== ""
   );
 
-export const isResistantActif = (resistant: Resistant): boolean =>
+export const isResistantActif = (resistant: Resistant) =>
   !isAncienResistant(resistant);
+
+const r1First = -1;
+const r2First = 1;
+
+export const resistantsOrder = (r1: Resistant, r2: Resistant): number => {
+  if (r1.id === "ramin-marjorie") return r1First;
+  if (r2.id === "ramin-marjorie") return r2First;
+  if (r1.id === "jonathan-caroline") return r1First;
+  if (r2.id === "jonathan-caroline") return r2First;
+
+  if (isResistantActif(r1) && isAncienResistant(r2)) return r1First;
+  if (isAncienResistant(r1) && isResistantActif(r2)) return r2First;
+
+  if (isAfter(getResistantDateDeclaration(r2), getResistantDateDeclaration(r1)))
+    return r1First;
+  if (isAfter(getResistantDateDeclaration(r1), getResistantDateDeclaration(r2)))
+    return r2First;
+
+  return 0;
+};
+
+export const sortResistants = (liste: Array<Resistant>): Array<Resistant> =>
+  liste.sort(resistantsOrder);
+
+export const getResistantDateDeclaration = (resistant: Resistant): Date =>
+  parse(new Date(), "yyyy-MM-dd", resistant.date_declaration);
+
+export const getResistantDateDeclarationMoisAnnee = (
+  resistant: Resistant
+): string =>
+  formatWithOptions(
+    { locale: fr },
+    "MMMM yyyy",
+    getResistantDateDeclaration(resistant)
+  );
+
+export const getResistantDateFin = (resistant: AncienResistant): Date =>
+  parse(new Date(), "yyyy-MM-dd", resistant.date_fin_resistance);
+
+export const getResistantDateFinMoisAnnee = (
+  resistant: AncienResistant
+): string | undefined =>
+  formatWithOptions(
+    { locale: fr },
+    "MMMM yyyy",
+    getResistantDateFin(resistant)
+  );

src/components/EmbeddedYoutube.tsx

@@ -5,7 +5,7 @@ interface Props {
   width: string;
   height: string;
   onClick: () => void;
-  style: IframeHTMLAttributes<HTMLIFrameElement>["style"];
+  style?: IframeHTMLAttributes<HTMLIFrameElement>["style"];
 }
 
 export const EmbeddedYoutube = ({
@@ -13,7 +13,7 @@ export const EmbeddedYoutube = ({
   width,
   height,
   onClick,
-  style,
+  style = {},
 }: Props) => (
   <div onClick={onClick}>
     <iframe

src/resistants.ts

@@ -14,7 +14,7 @@ export const resistants: Resistant[] = [
     video: "EPwB2-Mdmag",
     lien_declaration:
       "https://www.enfance-libre.fr/blog/declaration-officielle-ramin-marjorie",
-    date_declaration: "Mai 2022",
+    date_declaration: "2022-05-02",
     mention: "Cofondateurs du mouvement Enfance Libre",
     latitude: 43.17409,
     longitude: 1.40833,
@@ -30,7 +30,7 @@ export const resistants: Resistant[] = [
     video: "", //"_wyI3ZsKPXk",
     lien_declaration:
       "https://www.enfance-libre.fr/s/Lettre-Desobeissance-Civile-IEF-Jon-et-Caroline.pdf",
-    date_declaration: "Septembre 2022",
+    date_declaration: "2022-09-01",
     mention: "",
     latitude: 45.63127,
     longitude: 0.79877,
@@ -46,8 +46,8 @@ export const resistants: Resistant[] = [
     video: "",
     lien_declaration:
       "https://unschoole-ta-vie.webnode.fr/l/nous-nous-declarons-officiellement-en-desobeissance-civile-aupres-de-notre-gendarmerie/",
-    date_declaration: "Avril 2022",
+    date_declaration: "2022-04-29",
-    date_fin_resistance: "Septembre 2023",
+    date_fin_resistance: "2023-09-03",
     mention: "",
     latitude: 47.56111,
     longitude: -0.67314,
@@ -62,7 +62,7 @@ export const resistants: Resistant[] = [
       "“Nous sommes sept et le choix de vivre sans école, nous concerne tous. C’est un mode de vie à part entière, choisis en libre conscience par chacun d’entre nous, un rythme au quotidien qui nous rend heureux ! \n\nDe quel droit l’État devrait décider si nous pouvons continuer à vivre comme cela ou pas ?”",
     video: "",
     lien_declaration: "",
-    date_declaration: "2022",
+    date_declaration: "2022-05-01",
     mention: "",
     latitude: 48.75342,
     longitude: 6.06438,
@@ -78,7 +78,7 @@ export const resistants: Resistant[] = [
     video: "",
     lien_declaration:
       "https://www.enfance-libre.fr/blog/2022/5/26/entre-en-dsobissance-civile-de-la-famille-delhommeau",
-    date_declaration: "Mai 2022",
+    date_declaration: "2022-05-22",
     mention: "",
     latitude: 47.03496,
     longitude: -1.43546,
@@ -94,7 +94,7 @@ export const resistants: Resistant[] = [
     video: "",
     lien_declaration:
       "https://www.enfance-libre.fr/blog/2022/6/15/entre-en-dsobissance-civile-de-la-famille-renaudeau",
-    date_declaration: "Juin 2022",
+    date_declaration: "2022-06-15",
     mention: "",
     latitude: 46.89229,
     longitude: -0.74299,
@@ -109,8 +109,8 @@ export const resistants: Resistant[] = [
       "“Nous sommes Myriam et Timothée Chatelain, parents de Sam et Mayan et nous souhaitons leur offrir la possibilité d'apprendre sereinement, dans un environnement qui respecte leurs besoins et leurs envies, et qui leur laisse le temps de vivre et être. Nous avons presque toujours été en instruction en famille, depuis 6 ans.\n\nNous sommes conscients de l'importance de l'existence de l'école publique et ne la dénigrons pas. Cependant nous pensons qu'elle n'est pas adaptée à tous les enfants et que cette loi ne va faire qu' augmenter les difficultés auxquelles font face les professeurs des écoles, ainsi que les cas de phobies scolaires et de dépressions chez les enfants et adolescents qui ne pourront plus être entendus.\n\nCette loi est pour nous un non-sens et va à l'encontre de l'intérêt général de l'enfant. En tant que parents, il est important pour nous de prendre clairement position sur ce sujet qui nous tient à cœur.”",
     video: "",
     lien_declaration: "",
-    date_declaration: "2022",
+    date_declaration: "2022-05-01",
-    date_fin_resistance: "Septembre 2023",
+    date_fin_resistance: "2023-09",
     mention: "",
     latitude: 45.96173,
     longitude: 5.93189,
@@ -126,7 +126,7 @@ export const resistants: Resistant[] = [
     video: "",
     lien_declaration:
       "https://www.enfance-libre.fr/blog/2022/6/3/entre-en-dsobissance-civile-de-la-famille-frmeaux",
-    date_declaration: "Mai 2022",
+    date_declaration: "2022-06-03",
     mention: "",
     latitude: 48.87713,
     longitude: 2.59012,
@@ -142,7 +142,7 @@ export const resistants: Resistant[] = [
     video: "",
     lien_declaration:
       "https://www.enfance-libre.fr/blog/declaration-officielle-famille-delquie",
-    date_declaration: "Mai 2022",
+    date_declaration: "2022-05-15",
     mention: "",
     latitude: 43.02086,
     longitude: 2.39191,
@@ -158,7 +158,7 @@ export const resistants: Resistant[] = [
     video: "",
     lien_declaration:
       "https://www.enfance-libre.fr/s/Declaration-Florence-et-Alexis-Godart.pdf",
-    date_declaration: "Août 2022",
+    date_declaration: "2022-08-01",
     mention: "",
     latitude: 48.17018,
     longitude: -2.06637,
@@ -173,7 +173,7 @@ export const resistants: Resistant[] = [
       "“Dans notre famille, le choix de l’instruction à la maison est celui de tous. Nos 4 enfants, âgés de 9 ans pour la plus grande, et juste un an pour le dernier, s’épanouissent ensemble, et grandissent dans la joie et l’entraide. Les voir apprendre aussi vite et si aisément au quotidien à la maison est une joie chaque jour. Nos journées sont toutes remplies de petits bonheurs qui font que nous aimons notre vie de famille ensemble et à la maison.\n\nIl est pour nous inconcevable que cela s’arrête, sachant que les contrôles académiques chaque année sont favorables. En tant que fervents défenseurs de la liberté quelle qu’elle soit, nous nous engageons dans cette aventure de désobéissance à cette nouvelle loi, non seulement pour nos enfants, mais aussi pour tous les enfants qui souhaiteront au fil des années futures pouvoir connaître cette joie d’apprendre et de grandir autrement.”",
     video: "",
     lien_declaration: "",
-    date_declaration: "2022",
+    date_declaration: "2022-05-01",
     mention: "",
     latitude: 43.86454,
     longitude: 5.242,
@@ -189,7 +189,7 @@ export const resistants: Resistant[] = [
     video: "",
     lien_declaration:
       "https://www.enfance-libre.fr/blog/2022/6/3/entre-en-dsobissance-civile-de-la-famille-chapleau-lacot",
-    date_declaration: "Mai 2022",
+    date_declaration: "2022-06-03",
     mention: "",
     latitude: 45.99331,
     longitude: 2.7651,
@@ -205,7 +205,7 @@ export const resistants: Resistant[] = [
     video: "",
     lien_declaration:
       "https://www.enfance-libre.fr/s/Declaration-Sita-et-Pascal-Bargibant.pdf",
-    date_declaration: "Août 2022",
+    date_declaration: "2022-08-29",
     mention: "",
     latitude: 47.68069,
     longitude: -3.16379,
@@ -220,7 +220,7 @@ export const resistants: Resistant[] = [
       "“Parents de 3 enfants, en IEF depuis plusieurs années, nous sommes heureux de vivre cette expérience en famille et sentons une grande liberté d’être tant pour nous que pour nos enfants, qui peuvent explorer des domaines très divers et variés de la vie et d’eux même.\n\nLa proposition de loi faite par le gouvernement de demander des autorisations pour exercer un droit inscrit dans des textes officiels, nous apparait comme exagérée, abusive et liberticide. Nous nous sentons dans l’obligation d’agir pour la défense des droits humains.\n\nCette action corrèle également une pensée éducative que nous souhaitons transmettre à nos enfants, qu’il est de notre devoir de citoyen de faire respecter les valeurs civiques et sociales de notre pays et de notre humanité. Nous nous le devons à nous même, à nos enfants et aux générations futures pour que la vie soit protégée.”",
     video: "",
     lien_declaration: "",
-    date_declaration: "2022",
+    date_declaration: "2022-05-01",
     mention: "",
     latitude: 48.3959,
     longitude: -1.90139,
@@ -236,8 +236,8 @@ export const resistants: Resistant[] = [
     video: "ky-EfVTLzIA",
     lien_declaration:
       "https://www.enfance-libre.fr/s/Notre-declaration-de-desobeissance-Civile-Sylvaine-et-Olivier-Couge.pdf",
-    date_declaration: "Août 2022",
+    date_declaration: "2022-08-29",
-    date_fin_resistance: "Septembre 2023",
+    date_fin_resistance: "2023-09-03",
     mention: "",
     latitude: 46.41427,
     longitude: -1.57619,
@@ -253,7 +253,7 @@ export const resistants: Resistant[] = [
     video: "",
     lien_declaration:
       "https://www.enfance-libre.fr/s/desobeissance-civile-Julie-et-JC.pdf",
-    date_declaration: "Août 2022",
+    date_declaration: "2022-08-22",
     mention: "",
     latitude: 47.65458,
     longitude: -3.07123,
@@ -269,7 +269,7 @@ export const resistants: Resistant[] = [
     video: "ePGVpnGlPCE",
     lien_declaration:
       "https://www.enfance-libre.fr/s/Courrier-Desobeissance_Marianne-Denis-VDEF.pdf",
-    date_declaration: "Septembre 2022",
+    date_declaration: "2022-09-05",
     mention: "",
     latitude: 43.90516,
     longitude: 2.31513,
@@ -285,7 +285,7 @@ export const resistants: Resistant[] = [
     video: "3DAotvErssg",
     lien_declaration:
       "https://www.enfance-libre.fr/s/desobeir-Mathilde-Dorian.pdf",
-    date_declaration: "Septembre 2022",
+    date_declaration: "2022-09-01",
     mention: "",
     latitude: 44.67177,
     longitude: 2.10137,
@@ -301,7 +301,7 @@ export const resistants: Resistant[] = [
     video: "hMFheWUQK-s",
     lien_declaration:
       "https://www.enfance-libre.fr/s/Courrier-desobeissance-Arfaoui.pdf",
-    date_declaration: "Septembre 2022",
+    date_declaration: "2022-09-05",
     mention: "",
     latitude: 43.92748,
     longitude: 2.14432,
@@ -317,7 +317,7 @@ export const resistants: Resistant[] = [
     video: "",
     lien_declaration:
       "https://www.enfance-libre.fr/s/declaration-Elodie-et-Niocolas.pdf",
-    date_declaration: "Septembre 2022",
+    date_declaration: "2022-08-31",
     mention: "",
     latitude: 43.07031,
     longitude: 0.64606,
@@ -333,7 +333,7 @@ export const resistants: Resistant[] = [
     video: "",
     lien_declaration:
       "https://www.enfance-libre.fr/s/Lettre-de-desobeissance-civile-Famille-POIROUX.pdf",
-    date_declaration: "Septembre 2022",
+    date_declaration: "2022-09-30",
     mention: "",
     latitude: 44.57207,
     longitude: 2.39564,
@@ -349,7 +349,7 @@ export const resistants: Resistant[] = [
     video: "",
     lien_declaration:
       "https://www.enfance-libre.fr/s/courrier-DASEN-Sibert.pdf",
-    date_declaration: "Septembre 2022",
+    date_declaration: "2022-09-29",
     mention: "",
     latitude: 45.78373,
     longitude: 1.98893,
@@ -365,8 +365,8 @@ export const resistants: Resistant[] = [
     video: "",
     lien_declaration:
       "https://www.enfance-libre.fr/s/lettre-EL-helene-drulhe.pdf",
-    date_declaration: "Novembre 2022",
+    date_declaration: "2022-10-28",
-    date_fin_resistance: "Septembre 2023",
+    date_fin_resistance: "2023-09-03",
     mention: "",
     latitude: 44.17386,
     longitude: 2.53359,
@@ -382,7 +382,7 @@ export const resistants: Resistant[] = [
     video: "",
     lien_declaration:
       "https://www.enfance-libre.fr/s/lettre-desobeissance-civile-deborah.pdf",
-    date_declaration: "Novembre 2022",
+    date_declaration: "2022-11-01",
     mention: "",
     latitude: 44.84107,
     longitude: 4.60679,
@@ -398,7 +398,7 @@ export const resistants: Resistant[] = [
     video: "",
     lien_declaration:
       "https://www.enfance-libre.fr/s/Desobeissance-civile-Sylvain-Ophelie.pdf",
-    date_declaration: "Novembre 2022",
+    date_declaration: "2022-11-26",
     mention: "",
     latitude: 44.39914,
     longitude: 2.7699,
@@ -414,7 +414,7 @@ export const resistants: Resistant[] = [
     video: "",
     lien_declaration:
       "https://www.enfance-libre.fr/s/decldesciv-marina-frederic.pdf",
-    date_declaration: "Novembre 2022",
+    date_declaration: "2022-11-15",
     mention: "",
     latitude: 46.1892,
     longitude: 2.33353,
@@ -430,7 +430,7 @@ export const resistants: Resistant[] = [
     video: "",
     lien_declaration:
       "https://www.enfance-libre.fr/s/Lettre-dc-Famille-Herbiet.pdf",
-    date_declaration: "Décembre 2022",
+    date_declaration: "2022-12-01",
     mention: "",
     latitude: 48.65322,
     longitude: 6.19711,
@@ -444,7 +444,7 @@ export const resistants: Resistant[] = [
     presentation: "",
     latitude: 43.458669210640394,
     longitude: 2.003393843386162,
-    date_declaration: "Mai 2023",
+    date_declaration: "2023-05-08",
     lien_declaration: getResistantDeclarationUrl("arnaud-pauline"),
     mention: "",
     video: "Z3MZU3x0rL4",
@@ -474,7 +474,7 @@ export const resistants: Resistant[] = [
       '" Le rôle de l’éducation est d’aider chacun d’entre nous à vivre librement et sans peur. ~ Jiddu Krishnamurti " "',
     latitude: 44.11489200339857,
     longitude: -0.011507420350574667,
-    date_declaration: "Avril 2023",
+    date_declaration: "2023-04-17",
     lien_declaration: getResistantDeclarationUrl("lourenco-porcel"),
     mention: "",
     video: "",
@@ -492,7 +492,7 @@ export const resistants: Resistant[] = [
       "C'est pourquoi nous entrons en désobéissance civile et demandons le retour à un régime déclaratif de l'IEF.",
     latitude: 47.67608267119849,
     longitude: -3.169116314329733,
-    date_declaration: "Mai 2023",
+    date_declaration: "2023-05-27",
     lien_declaration: getResistantDeclarationUrl("marie-alexis"),
     mention: "",
     video: "",
@@ -521,7 +521,7 @@ export const resistants: Resistant[] = [
       "Pour notre fils, pour nous, pour tous les enfants et leurs parents qui choisissent une vie différente, pour la diversité des choix et des idées, aujourd'hui, nous avons le courage de dire non à cette loi qui restreint nos libertés.",
     latitude: 43.89521556605255,
     longitude: 5.566065844440149,
-    date_declaration: "Septembre 2023",
+    date_declaration: "2023-09-05",
     lien_declaration: getResistantDeclarationUrl("lola-morgan"),
     mention: "",
     video: "",
@@ -564,7 +564,7 @@ export const resistants: Resistant[] = [
       "A travers le temps qui passe, nos cœurs sont en harmonie. ",
     latitude: 46.974937884101415,
     longitude: 5.798187689414306,
-    date_declaration: "Septembre 2023",
+    date_declaration: "2023-09-01",
     lien_declaration: getResistantDeclarationUrl("perrine-francois"),
     mention: "",
     video: "",
@@ -583,7 +583,7 @@ export const resistants: Resistant[] = [
       "« Chacun a la responsabilité morale de désobéir aux lois injustes » - Martin Luther-King",
     latitude: 47.28036977323367,
     longitude: 4.229962943628936,
-    date_declaration: "Septembre 2023",
+    date_declaration: "2023-08-08",
     lien_declaration: getResistantDeclarationUrl("andrea-gherard"),
     mention: "",
     video: "",
@@ -598,7 +598,7 @@ export const resistants: Resistant[] = [
       "Nous sommes Lou, 4 ans, qui serait entré en grande section à la rentrée, Lino, 8ans, qui aurait fait sa rentrée en CM1, Awadi, 16ans, lycéenne en vacances et bientôt en terminale, Manon, 36 ans, professeur des écoles en disponibilité et en questionnement et Adrien, 37 ans, autoentrepreneur dans le domaine du spectacle, de l'animation et du jeu. Nous habitons à la Rochelle depuis 2019 où nous profitons de l'océan et des nombreux aménagements cyclables. Notre expérience de l'école nous a amenés à proposer l'IEF à nos 3 enfants pour l'année prochaine dans l'idée d'expérimenter une autre forme d'instruction. Awadi a refusé, souhaitant poursuivre sa scolarité comme elle l'avait commencée, dans le lycée Saint Exupéry où elle a déjà passé ses deux dernières années scolaires. En revanche, Lino et Lou ont été séduits par le projet. L'idée de disposer de plus de temps ensemble, de nous adapter au rythme naturellement propre à chacun et de pouvoir découvrir de nouvelles choses au plus près de nos préoccupations et intérêts du moment nous semble une opportunité intéressante. Notre situation professionnelle nous permet aujourd'hui, d'envisager sereinement cette expérience. Nous espérons par ce projet et par notre association à votre lutte, arriver à faire bouger la loi pour renouer avec la liberté de choisir ce qui convient le mieux à nos enfants.",
     latitude: 46.1610926712308,
     longitude: -1.1483218482524866,
-    date_declaration: "Septembre 2023",
+    date_declaration: "2023-07-08",
     lien_declaration: getResistantDeclarationUrl("manon-adrien"),
     mention: "",
     video: "",
@@ -616,7 +616,7 @@ export const resistants: Resistant[] = [
       "Notre démarche est publique et restera bien entendu totalement pacifique. ",
     latitude: 48.62733109998248,
     longitude: 2.5919796530166983,
-    date_declaration: "Septembre 2023",
+    date_declaration: "2023-09-05",
     lien_declaration: getResistantDeclarationUrl("lea-frederic"),
     mention: "",
     video: "",
@@ -639,7 +639,7 @@ export const resistants: Resistant[] = [
       "N’ayant pas trouvé de réponse à ces questions, nous sommes ici.",
     latitude: 41.9401214167443,
     longitude: 8.8403180698947,
-    date_declaration: "Septembre 2023",
+    date_declaration: "2023-09-03",
     lien_declaration: getResistantDeclarationUrl("bertrand-angelique"),
     mention: "",
     video: "",
@@ -666,7 +666,7 @@ export const resistants: Resistant[] = [
       "Bravo à toutes les familles ayant eu la force de lancer ce mouvement auquel nous sommes fiers de participer aujourd'hui.",
     latitude: 47.45784692938239,
     longitude: 7.235140516853269,
-    date_declaration: "Septembre 2023",
+    date_declaration: "2023-08-28",
     lien_declaration: getResistantDeclarationUrl("guilhem-eglantine"),
     mention: "",
     video: "",

src/routes/Liste/List/ResistantRow.tsx

@@ -1,5 +1,11 @@
 import { useNavigate } from "react-router";
-import { isResistantActif, Resistant } from "../../../Resistant";
+import {
+  getResistantDateDeclarationMoisAnnee,
+  getResistantDateFinMoisAnnee,
+  isAncienResistant,
+  isResistantActif,
+  Resistant,
+} from "../../../Resistant";
 import { getResistantPhotoUrl } from "../../../getResistantPhotoUrl";
 import { Separator } from "../../../components/Separator";
 import { getResistantGrayscaleRule } from "../../../style/getResistantGrayscaleRule";
@@ -81,21 +87,21 @@ export const ResistantRow = ({ resistant }: Props) => {
               </p>
 
               <p className="" style={{ whiteSpace: "pre-wrap" }}>
-                {isResistantActif(resistant) ? (
+                {isAncienResistant(resistant) ? (
-                  <>
-                    <ExternalLink href={resistant.lien_declaration}>
-                      Notre déclaration de désobéissance civile
-                    </ExternalLink>
-                    , en {resistant.date_declaration}
-                  </>
-                ) : (
                   <>
                     En désobéissance civile (
                     <ExternalLink href={resistant.lien_declaration}>
                       déclaration
                     </ExternalLink>
-                    ) de {resistant.date_declaration} à{" "}
+                    ) de {getResistantDateDeclarationMoisAnnee(resistant)} à{" "}
-                    {resistant.date_fin_resistance}
+                    {getResistantDateFinMoisAnnee(resistant)}
+                  </>
+                ) : (
+                  <>
+                    <ExternalLink href={resistant.lien_declaration}>
+                      Notre déclaration de désobéissance civile
+                    </ExternalLink>
+                    , en {getResistantDateDeclarationMoisAnnee(resistant)}
                   </>
                 )}
               </p>

src/routes/Liste/Map/PopupContent.tsx

@@ -1,6 +1,11 @@
 import React from "react";
 import { useNavigate } from "react-router";
-import { isAncienResistant, Resistant } from "../../../Resistant";
+import {
+  getResistantDateDeclarationMoisAnnee,
+  getResistantDateFinMoisAnnee,
+  isAncienResistant,
+  Resistant,
+} from "../../../Resistant";
 import { getResistantPhotoUrl } from "../../../getResistantPhotoUrl";
 import { HomeContext } from "../../../context/HomeContext";
 import { getResistantPageUrl } from "../../../getResistantPageUrl";
@@ -55,11 +60,15 @@ export const PopupContent = ({ resistant }: { resistant: Resistant }) => {
       <br />
       {isAncienResistant(resistant) ? (
         <>
-          📅 En désobéissance de {resistant.date_declaration} à{" "}
+          📅 En désobéissance de{" "}
-          {resistant.date_fin_resistance}
+          {getResistantDateDeclarationMoisAnnee(resistant)} à{" "}
+          {getResistantDateFinMoisAnnee(resistant)}
         </>
       ) : (
-        <>📅 En désobéissance depuis {resistant.date_declaration}</>
+        <>
+          📅 En désobéissance depuis{" "}
+          {getResistantDateDeclarationMoisAnnee(resistant)}
+        </>
       )}
       <br />
     </div>

src/routes/Liste/index.tsx

@@ -17,7 +17,7 @@ import { ResistantsThumbs } from "./Thumbs/ResistantsThumbs";
 import { FiltreDepartement } from "./FiltreDepartement";
 import { ResistantRow } from "./List/ResistantRow";
 import { HomeContext } from "../../context/HomeContext";
-import { isAncienResistant, isResistantActif } from "../../Resistant";
+import { resistantsOrder } from "../../Resistant";
 
 const normalize = (text: string) =>
   (text || "")
@@ -48,11 +48,7 @@ export const ListeResistants = () => {
     .filter(
       (r) => !academie || normalize(r.academie).includes(normalize(academie))
     )
-    .sort((r1, r2) => {
+    .sort(resistantsOrder);
-      if (isResistantActif(r1) && isAncienResistant(r2)) return -1;
-      if (isAncienResistant(r1) && isResistantActif(r2)) return 1;
-      return 0;
-    });
 
   return (
     <>

src/routes/PageResistant.tsx

@@ -6,7 +6,12 @@ import { getResistantsPageUrl } from "../getResistantsPageUrl";
 import { HomeContext } from "../context/HomeContext";
 import { AspectRatio } from "@mantine/core";
 import { ExternalLink } from "../components/ExternalLink";
-import { isResistantActif } from "../Resistant";
+import {
+  getResistantDateDeclarationMoisAnnee,
+  getResistantDateFinMoisAnnee,
+  isAncienResistant,
+  isResistantActif,
+} from "../Resistant";
 
 export const PageResistant = () => {
   const { idResistant } = useParams();
@@ -111,21 +116,21 @@ export const PageResistant = () => {
             <div className="sqs-block-content">
               {resistant.lien_declaration && (
                 <p className="" style={{ whiteSpace: "pre-wrap" }}>
-                  {isResistantActif(resistant) ? (
+                  {isAncienResistant(resistant) ? (
-                    <>
-                      <ExternalLink href={resistant.lien_declaration}>
-                        Notre déclaration de désobéissance civile
-                      </ExternalLink>
-                      , en {resistant.date_declaration}
-                    </>
-                  ) : (
                     <>
                       En désobéissance civile (
                       <ExternalLink href={resistant.lien_declaration}>
                         déclaration
                       </ExternalLink>
-                      ) de {resistant.date_declaration} à{" "}
+                      ) de {getResistantDateDeclarationMoisAnnee(resistant)} à{" "}
-                      {resistant.date_fin_resistance}
+                      {getResistantDateFinMoisAnnee(resistant)}
+                    </>
+                  ) : (
+                    <>
+                      <ExternalLink href={resistant.lien_declaration}>
+                        Notre déclaration de désobéissance civile
+                      </ExternalLink>
+                      , en {getResistantDateDeclarationMoisAnnee(resistant)}
                     </>
                   )}
                 </p>

yarn.lock

@@ -57,6 +57,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/runtime@npm:^7.21.0":
+  version: 7.22.15
+  resolution: "@babel/runtime@npm:7.22.15"
+  dependencies:
+    regenerator-runtime: ^0.14.0
+  checksum: 793296df1e41599a935a3d77ec01eb6088410d3fd4dbe4e92f06c6b7bb2f8355024e6d78621a3a35f44e0e23b0b59107f23d585384df4f3123256a1e1492040e
+  languageName: node
+  linkType: hard
+
 "@babel/types@npm:^7.18.6":
   version: 7.20.7
   resolution: "@babel/types@npm:7.20.7"
@@ -1156,6 +1165,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"date-fns@npm:^2.30.0":
+  version: 2.30.0
+  resolution: "date-fns@npm:2.30.0"
+  dependencies:
+    "@babel/runtime": ^7.21.0
+  checksum: f7be01523282e9bb06c0cd2693d34f245247a29098527d4420628966a2d9aad154bd0e90a6b1cf66d37adcb769cd108cf8a7bd49d76db0fb119af5cdd13644f4
+  languageName: node
+  linkType: hard
+
 "debug@npm:4, debug@npm:^4.1.0, debug@npm:^4.3.3":
   version: 4.3.4
   resolution: "debug@npm:4.3.4"
@@ -2342,6 +2360,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"regenerator-runtime@npm:^0.14.0":
+  version: 0.14.0
+  resolution: "regenerator-runtime@npm:0.14.0"
+  checksum: 1c977ad82a82a4412e4f639d65d22be376d3ebdd30da2c003eeafdaaacd03fc00c2320f18120007ee700900979284fc78a9f00da7fb593f6e6eeebc673fba9a3
+  languageName: node
+  linkType: hard
+
 "resistants@workspace:.":
   version: 0.0.0-use.local
   resolution: "resistants@workspace:."
@@ -2353,6 +2378,7 @@ __metadata:
     "@types/react": ^18.0.26
     "@types/react-dom": ^18.0.9
     "@vitejs/plugin-react-swc": ^3.0.0
+    date-fns: ^2.30.0
     mapbox-gl: ^2.12.1
     maplibre-gl: ^2.4.0
     prettier: ^2.8.4