From f9935cee3241fb9e846a1f3e7aee42272b5803e0 Mon Sep 17 00:00:00 2001
From: Xylight <james@xylight.dev>
Date: Mon, 3 Jun 2024 16:06:08 -0700
Subject: [PATCH] i18n: localize post badges

---
 src/lib/components/lemmy/post/PostMeta.svelte | 35 +++++++++++++------
 src/lib/components/util/RelativeDate.svelte   |  4 ++-
 src/lib/i18n/en.json                          | 10 +++++-
 src/lib/i18n/fr.json                          |  8 +++++
 4 files changed, 44 insertions(+), 13 deletions(-)

diff --git a/src/lib/components/lemmy/post/PostMeta.svelte b/src/lib/components/lemmy/post/PostMeta.svelte
index fa1ff4ab..843c6eba 100644
--- a/src/lib/components/lemmy/post/PostMeta.svelte
+++ b/src/lib/components/lemmy/post/PostMeta.svelte
@@ -20,6 +20,7 @@
   import ShieldIcon from '../moderation/ShieldIcon.svelte'
   import { userSettings } from '$lib/settings'
   import Markdown from '$lib/components/markdown/Markdown.svelte'
+  import { t } from '$lib/translations'
 
   export let community: Community | undefined = undefined
   export let subscribed: SubscribedType | undefined = undefined
@@ -113,36 +114,48 @@
     style="grid-area: badges;"
   >
     {#if badges.nsfw}
-      <Badge color="red-subtle">NSFW</Badge>
+      <Badge color="red-subtle">{$t('post.badges.nsfw')}</Badge>
     {/if}
     {#if badges.saved}
-      <Badge label="Saved" color="yellow-subtle" allowIconOnly>
+      <Badge
+        label={$t('post.badges.saved')}
+        color="yellow-subtle"
+        allowIconOnly
+      >
         <Icon src={Bookmark} mini size="12" slot="icon" />
-        Saved
+        {$t('post.badges.saved')}
       </Badge>
     {/if}
     {#if badges.locked}
-      <Badge label="Locked" color="yellow-subtle" allowIconOnly>
+      <Badge
+        label={$t('post.badges.locked')}
+        color="yellow-subtle"
+        allowIconOnly
+      >
         <Icon src={LockClosed} mini size="14" slot="icon" />
-        <span class="max-md:hidden">Locked</span>
+        <span class="max-md:hidden">{$t('post.badges.locked')}</span>
       </Badge>
     {/if}
     {#if badges.removed}
-      <Badge label="Removed" color="red-subtle" allowIconOnly>
+      <Badge label={$t('post.badges.removed')} color="red-subtle" allowIconOnly>
         <Icon src={Trash} mini size="14" slot="icon" />
-        <span class="max-md:hidden">Removed</span>
+        <span class="max-md:hidden">{$t('post.badges.removed')}</span>
       </Badge>
     {/if}
     {#if badges.deleted}
-      <Badge label="Deleted" color="red-subtle" allowIconOnly>
+      <Badge label={$t('post.badges.deleted')} color="red-subtle" allowIconOnly>
         <Icon src={Trash} mini size="14" slot="icon" />
-        <span class="max-md:hidden">Deleted</span>
+        <span class="max-md:hidden">{$t('post.badges.deleted')}</span>
       </Badge>
     {/if}
     {#if badges.featured}
-      <Badge label="Featured" color="green-subtle" allowIconOnly>
+      <Badge
+        label={$t('post.badges.featured')}
+        color="green-subtle"
+        allowIconOnly
+      >
         <Icon src={Megaphone} mini size="14" slot="icon" />
-        <span class="max-md:hidden">Featured</span>
+        <span class="max-md:hidden">{$t('post.badges.featured')}</span>
       </Badge>
     {/if}
     <slot name="badges" />
diff --git a/src/lib/components/util/RelativeDate.svelte b/src/lib/components/util/RelativeDate.svelte
index f2c6aa42..89a1e6db 100644
--- a/src/lib/components/util/RelativeDate.svelte
+++ b/src/lib/components/util/RelativeDate.svelte
@@ -1,4 +1,6 @@
 <script lang="ts">
+  import { locale } from '$lib/translations'
+
   export let date: Date
   export let relativeTo: Date | undefined = undefined
   export let options: Intl.RelativeTimeFormatOptions = {
@@ -36,7 +38,7 @@
         if (diffInMillis >= thresholds[i].threshold) {
           const value = Math.round(diffInMillis / thresholds[i].threshold)
 
-          let language = 'en'
+          let language = $locale
           if (typeof navigator != 'undefined') {
             language = navigator.language
           }
diff --git a/src/lib/i18n/en.json b/src/lib/i18n/en.json
index 9796c69b..a0ae558e 100644
--- a/src/lib/i18n/en.json
+++ b/src/lib/i18n/en.json
@@ -130,6 +130,14 @@
         "delete": "Delete",
         "restore": "Restore"
       }
+    },
+    "badges": {
+      "nsfw": "NSFW",
+      "locked": "Locked",
+      "featured": "Featured",
+      "removed": "Removed",
+      "deleted": "Deleted",
+      "saved": "Saved"
     }
   },
   "moderation": {
@@ -139,4 +147,4 @@
     "back": "Back",
     "next": "Next"
   }
-}
\ No newline at end of file
+}
diff --git a/src/lib/i18n/fr.json b/src/lib/i18n/fr.json
index a22daa43..7b8f1263 100644
--- a/src/lib/i18n/fr.json
+++ b/src/lib/i18n/fr.json
@@ -130,6 +130,14 @@
         "delete": "Supprimer",
         "restore": "Restaurer"
       }
+    },
+    "badges": {
+      "nsfw": "NSFW",
+      "locked": "Verrouillé",
+      "featured": "En vedette",
+      "removed": "Supprimé",
+      "deleted": "Supprimé",
+      "saved": "Enregistré"
     }
   },
   "moderation": {