From ec1f1614a1d79aa32242cd5c8152ef501e0c8ad1 Mon Sep 17 00:00:00 2001
From: Izan Gil <66965250+SrIzan10@users.noreply.github.com>
Date: Thu, 15 Jan 2026 20:42:42 +0100
Subject: [PATCH] fix: localize shared presets page

---
 app/pages/presets/shared/[id].vue | 43 +++++++++++++++++++------------
 i18n/locales/en.json              | 13 +++++++++-
 i18n/locales/es.json              | 13 +++++++++-
 3 files changed, 51 insertions(+), 18 deletions(-)

diff --git a/app/pages/presets/shared/[id].vue b/app/pages/presets/shared/[id].vue
index 8f57fb2..bc55706 100644
--- a/app/pages/presets/shared/[id].vue
+++ b/app/pages/presets/shared/[id].vue
@@ -30,7 +30,7 @@
             <span class="text-foreground font-semibold">
               {{ response.author?.fullName || response.author?.username }}
             </span>
-            wants to share a preset with you
+            {{ $t("wantsToSharePreset") }}
           </CardDescription>
         </div>
         <CardTitle class="text-2xl pt-2">{{ response.data.name }}</CardTitle>
@@ -41,7 +41,7 @@
             <p
               class="text-xs font-medium text-muted-foreground uppercase tracking-wider"
             >
-              Created
+              {{ $t("created") }}
             </p>
             <p class="text-sm font-medium">
               {{
@@ -56,46 +56,57 @@
             <p
               class="text-xs font-medium text-muted-foreground uppercase tracking-wider"
             >
-              Servers
+              {{ $t("servers") }}
             </p>
             <div class="flex items-center gap-2">
               <span class="text-sm font-medium"
-                >{{ parsedIceServers.length }} ICE Servers</span
+                >{{ parsedIceServers.length }}
+                {{
+                  parsedIceServers.length === 1
+                    ? $t("iceServerConfigured")
+                    : $t("iceServersConfigured")
+                }}</span
               >
             </div>
           </div>
         </div>
 
-         <div class="mt-8 space-y-4">
-          <div class="flex items-center justify-between p-3 bg-muted rounded-lg">
-            <label class="text-sm font-medium cursor-pointer"
-              >Activate by default</label
-            >
+        <div class="mt-8 space-y-4">
+          <div
+            class="flex items-center justify-between p-3 bg-muted rounded-lg"
+          >
+            <label class="text-sm font-medium cursor-pointer">{{
+              $t("activateByDefault")
+            }}</label>
             <Switch v-model="setAsDefault" />
           </div>
           <div class="flex justify-end gap-3">
-            <Button variant="outline" @click="navigateTo('/')">Cancel</Button>
+            <Button variant="outline" @click="navigateTo('/')">{{
+              $t("cancel")
+            }}</Button>
             <Button @click="importPreset" :disabled="isImporting">
-              {{ isImporting ? "Importing..." : "Import Preset" }}
+              {{ isImporting ? $t("importing") : $t("importPreset") }}
             </Button>
           </div>
         </div>
       </CardContent>
     </Card>
     <div v-else-if="!response" class="text-center text-muted-foreground">
-      <p>Preset not found.</p>
+      <p>{{ $t("presetNotFound") }}</p>
     </div>
     <div
       v-else-if="response && !response.data.shareable"
       class="text-center text-muted-foreground space-y-4"
     >
       <p class="text-lg font-semibold text-destructive">
-        This preset cannot be shared
+        {{ $t("presetCannotBeShared") }}
       </p>
       <p class="text-sm">
-        The preset owner has not enabled sharing for this preset.
+        {{ $t("presetSharingDisabled") }}
       </p>
-      <Button variant="outline" @click="navigateTo('/')">Go Back</Button>
+      <Button variant="outline" @click="navigateTo('/')">{{
+        $t("goBack")
+      }}</Button>
     </div>
   </div>
 </template>
@@ -121,7 +132,7 @@ const { data: response, pending } = useFetch<PresetShareResponse>(
 );
 
 const isImporting = ref(false);
-const setAsDefault = ref(false);
+const setAsDefault = ref(true);
 
 const parsedIceServers = computed(() => {
   if (!response.value?.data.iceServers) return [];
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 50801dc..1ff121a 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -42,5 +42,16 @@
   "failedToGenerateShareableLink": "Failed to generate shareable link",
   "linkCopiedToClipboard": "Link copied to clipboard",
   "failedToSharePreset": "Failed to share preset",
-  "menu": "Menu"
+  "menu": "Menu",
+  "wantsToSharePreset": "wants to share a preset with you",
+  "created": "Created",
+  "servers": "Servers",
+  "activateByDefault": "Activate by default",
+  "cancel": "Cancel",
+  "importPreset": "Import Preset",
+  "importing": "Importing...",
+  "presetNotFound": "Preset not found.",
+  "presetCannotBeShared": "This preset cannot be shared",
+  "presetSharingDisabled": "The preset owner has not enabled sharing for this preset.",
+  "goBack": "Go Back"
 }
diff --git a/i18n/locales/es.json b/i18n/locales/es.json
index ce30795..a73a58e 100644
--- a/i18n/locales/es.json
+++ b/i18n/locales/es.json
@@ -42,5 +42,16 @@
   "failedToGenerateShareableLink": "Error al generar el enlace para compartir",
   "linkCopiedToClipboard": "Enlace copiado al portapapeles",
   "failedToSharePreset": "Error al compartir el ajuste",
-  "menu": "Menú"
+  "menu": "Menú",
+  "wantsToSharePreset": "desea compartir un ajuste contigo",
+  "created": "Creado",
+  "servers": "Servidores",
+  "activateByDefault": "Activar de forma predeterminada",
+  "cancel": "Cancelar",
+  "importPreset": "Importar ajuste",
+  "importing": "Importando...",
+  "presetNotFound": "Ajuste no encontrado.",
+  "presetCannotBeShared": "Este ajuste no se puede compartir",
+  "presetSharingDisabled": "El propietario del ajuste no ha habilitado el uso compartido para este ajuste.",
+  "goBack": "Volver"
 }