Migrate Postbox interface patterns

webui/src/features/postbox/PostboxInboxWidget.tsx

@@ -5,7 +5,9 @@ import {
   DashboardWidgetList,
   DismissibleAlert,
   LoadingFrame,
+  i18nMessage,
   useDashboardWidgetData,
+  usePlatformLanguage,
   type ApiSettings,
   type DashboardWidgetConfiguration
 } from "@govoplan/core-webui";
@@ -23,6 +25,7 @@ export default function PostboxInboxWidget({
   refreshKey: number;
   configuration: DashboardWidgetConfiguration;
 }) {
+  const { language } = usePlatformLanguage();
   const maxItems = numberSetting(configuration.maxItems, 5, 1, 12);
   const load = useCallback(async () => {
     const postboxes = await listPostboxes(settings);
@@ -53,7 +56,7 @@ export default function PostboxInboxWidget({
           id: message.id,
           title: message.subject,
           detail: message.sender_label || message.producer_module || "Postbox",
-          meta: new Intl.DateTimeFormat(undefined, {
+          meta: new Intl.DateTimeFormat(language, {
             day: "2-digit",
             month: "short",
             hour: "2-digit",
@@ -61,7 +64,7 @@ export default function PostboxInboxWidget({
           }).format(new Date(message.delivered_at)),
           leading: <Inbox size={17} aria-hidden="true" />,
           trailing: message.attachments.length ? (
-            <span title={`${message.attachments.length} attachments`}>
+            <span title={i18nMessage("i18n:govoplan-postbox.attachments_label", { count: message.attachments.length })}>
               <Paperclip size={15} aria-hidden="true" />
             </span>
           ) : undefined,
@@ -70,7 +73,9 @@ export default function PostboxInboxWidget({
       />
       <div className="dashboard-contribution-footer">
         <Link className="btn btn-secondary" to="/postbox">
-          {data?.total ? `Open Postbox (${data.total} unread)` : "Open Postbox"}
+          {data?.total
+            ? i18nMessage("i18n:govoplan-postbox.open_unread", { count: data.total })
+            : "Open Postbox"}
         </Link>
       </div>
     </LoadingFrame>