diff --git a/src/ui/i18n.tsx b/src/ui/i18n.tsx index 10940946..da23d8ef 100644 --- a/src/ui/i18n.tsx +++ b/src/ui/i18n.tsx @@ -272,8 +272,7 @@ const { "best_match": "Best match" }, "SoftwareCatalogCard": { - "last version": "Last version", - "last version date": ({ date }) => `in (${date})`, + "latest version": ({ fromNowText }) => `Latest version ${fromNowText}`, "declare oneself referent": "Declare yourself referent / user", "isDesktop": "This software can be installed on desktop", "isFromFrenchPublicService": @@ -654,8 +653,7 @@ const { "Décrivez en quelques mots à qui l'offre de service est proposée" }, "SoftwareCatalogCard": { - "last version": "Dernière version", - "last version date": ({ date }) => `en (${date})`, + "latest version": ({ fromNowText }) => `Dernière version ${fromNowText}`, "declare oneself referent": "Se déclarer référent / utilisateur", "isDesktop": "Ce logiciel s'installe sur ordinateur", "isFromFrenchPublicService": diff --git a/src/ui/pages/softwareCatalog/SoftwareCatalogCard.tsx b/src/ui/pages/softwareCatalog/SoftwareCatalogCard.tsx index 2b07049e..86e3b19e 100644 --- a/src/ui/pages/softwareCatalog/SoftwareCatalogCard.tsx +++ b/src/ui/pages/softwareCatalog/SoftwareCatalogCard.tsx @@ -1,10 +1,10 @@ -import React, { memo } from "react"; +import { memo } from "react"; import { declareComponentKeys } from "i18nifty"; -import { useTranslation, useResolveLocalizedString, useLang } from "ui/i18n"; +import { useTranslation, useResolveLocalizedString } from "ui/i18n"; import type { Link } from "type-route"; import { fr } from "@codegouvfr/react-dsfr"; import { makeStyles } from "@codegouvfr/react-dsfr/tss"; -import { shortEndMonthDate } from "ui/useMoment"; +import { useFromNow } from "ui/useMoment"; import { assert } from "tsafe/assert"; import type { Equals } from "tsafe"; import Tooltip from "@mui/material/Tooltip"; @@ -57,7 +57,7 @@ export const SoftwareCatalogCard = memo((props: Props) => { const { t } = useTranslation({ SoftwareCatalogCard }); const { resolveLocalizedString } = useResolveLocalizedString(); const { classes, cx } = useStyles(); - const { lang } = useLang(); + const { fromNowText } = useFromNow({ "dateTime": latestVersion?.publicationTime }); return (