chore: sync GovOPlaN module split state

webui/src/features/campaigns/components/VersionLine.tsx

@@ -1,7 +1,7 @@
+import { i18nMessage, useGuardedNavigate } from "@govoplan/core-webui";
 import { ArrowBigLeft, ArrowBigLeftDash, ArrowBigRight, ArrowBigRightDash } from "lucide-react";
-import { useLocation, useNavigate } from "react-router-dom";
+import { useLocation } from "react-router-dom";
 import type { CampaignVersionDetail, CampaignVersionListItem } from "../../../api/campaigns";
-import { useCampaignUnsavedChanges } from "../context/UnsavedChangesContext";
 import { formatDateTime } from "../utils/campaignView";
 
 type VersionLineProps = {
@@ -13,8 +13,7 @@ type VersionLineProps = {
 
 export default function VersionLine({ version, versions = [], status, loadedAt }: VersionLineProps) {
   const location = useLocation();
-  const navigate = useNavigate();
-  const { requestNavigation } = useCampaignUnsavedChanges();
+  const navigate = useGuardedNavigate();
   const sorted = versions.slice().sort((a, b) => (a.version_number ?? 0) - (b.version_number ?? 0));
   const currentIndex = version ? sorted.findIndex((item) => item.id === version.id) : -1;
   const first = currentIndex > 0 ? sorted[0] : null;
@@ -25,7 +24,7 @@ export default function VersionLine({ version, versions = [], status, loadedAt }
 
   function openVersion(target: CampaignVersionListItem) {
     const targetUrl = versionTarget(location.pathname, location.search, target.id);
-    requestNavigation(() => navigate(targetUrl));
+    navigate(targetUrl);
   }
 
   return (
@@ -33,32 +32,32 @@ export default function VersionLine({ version, versions = [], status, loadedAt }
       <VersionArrow
         icon="first"
         target={first}
-        fallbackLabel="Already at first version"
-        onOpen={openVersion}
-      />
+        fallbackLabel="i18n:govoplan-campaign.already_at_first_version.b90fad64"
+        onOpen={openVersion} />
+      
       <VersionArrow
         icon="previous"
         target={previous}
-        fallbackLabel="No older version"
-        onOpen={openVersion}
-      />
-      <span>Version {version ? `#${version.version_number}` : "—"}</span>
+        fallbackLabel="i18n:govoplan-campaign.no_older_version.4355dee8"
+        onOpen={openVersion} />
+      
+      <span>i18n:govoplan-campaign.version.2da600bf {version ? i18nMessage("i18n:govoplan-campaign.value.44b8c76f", { value0: version.version_number }) : "—"}</span>
       <VersionArrow
         icon="next"
         target={next}
-        fallbackLabel="No newer version"
-        onOpen={openVersion}
-      />
+        fallbackLabel="i18n:govoplan-campaign.no_newer_version.b210a41c"
+        onOpen={openVersion} />
+      
       <VersionArrow
         icon="latest"
         target={latest}
-        fallbackLabel="Already at latest version"
-        onOpen={openVersion}
-      />
+        fallbackLabel="i18n:govoplan-campaign.already_at_latest_version.7533bd9d"
+        onOpen={openVersion} />
+      
       <span className="version-line-separator">·</span>
       <span>{suffix}</span>
-    </p>
-  );
+    </p>);
+
 }
 
 type VersionArrowProps = {
@@ -76,8 +75,8 @@ function VersionArrow({ icon, target, fallbackLabel, onOpen }: VersionArrowProps
     return (
       <span className="version-arrow disabled" title={fallbackLabel} aria-label={fallbackLabel}>
         <Icon aria-hidden="true" />
-      </span>
-    );
+      </span>);
+
   }
 
   return (
@@ -86,11 +85,11 @@ function VersionArrow({ icon, target, fallbackLabel, onOpen }: VersionArrowProps
       className="version-arrow"
       onClick={() => onOpen(target)}
       title={actionLabel}
-      aria-label={actionLabel}
-    >
+      aria-label={actionLabel}>
+      
       <Icon aria-hidden="true" />
-    </button>
-  );
+    </button>);
+
 }
 
 function getVersionIcon(icon: VersionArrowProps["icon"]) {
@@ -110,13 +109,13 @@ function getVersionActionLabel(icon: VersionArrowProps["icon"], target: Campaign
   const versionLabel = target ? `version #${target.version_number}` : "version";
   switch (icon) {
     case "first":
-      return `Open first ${versionLabel}`;
+      return i18nMessage("i18n:govoplan-campaign.open_first_value.ea8f5c5b", { value0: versionLabel });
     case "previous":
-      return `Open previous ${versionLabel}`;
+      return i18nMessage("i18n:govoplan-campaign.open_previous_value.e8d4794b", { value0: versionLabel });
     case "next":
-      return `Open next ${versionLabel}`;
+      return i18nMessage("i18n:govoplan-campaign.open_next_value.1315037e", { value0: versionLabel });
     case "latest":
-      return `Open latest ${versionLabel}`;
+      return i18nMessage("i18n:govoplan-campaign.open_latest_value.40bdb320", { value0: versionLabel });
   }
 }