From e91243932c0a3b6b7d1eb1ba5e2da3022e430169 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Tue, 23 Jan 2024 02:55:04 -0800
Subject: feat(locale): localise badges

---
 src/routes/user/[user]/badges/+page.svelte | 31 +++++++++++++++++-------------
 1 file changed, 18 insertions(+), 13 deletions(-)

(limited to 'src/routes')

diff --git a/src/routes/user/[user]/badges/+page.svelte b/src/routes/user/[user]/badges/+page.svelte
index dc594e86..f02f9c19 100644
--- a/src/routes/user/[user]/badges/+page.svelte
+++ b/src/routes/user/[user]/badges/+page.svelte
@@ -12,6 +12,7 @@
 	import tooltip from '$lib/Tooltip/tooltip.js';
 	import proxy from '$lib/Utility/proxy.js';
 	import cdn from '$lib/Utility/cdn.js';
+	import locale from '$stores/locale.js';
 	// import { io } from 'socket.io-client';
 
 	export let data;
@@ -355,7 +356,7 @@
 
 							{#if isOwner}
 								<div class="card">
-									<a href={root(`/user/${data.username}`)}>Back to Profile</a>
+									<a href={root(`/user/${data.username}`)}>{$locale().user.badges.backToProfile}</a>
 									<span style="margin: 0 0.625rem;">•</span>
 									<button
 										on:click={() => {
@@ -364,7 +365,9 @@
 											editMode = !editMode;
 										}}
 									>
-										{editMode ? 'Disable' : 'Enable'} Edit Mode
+										{editMode
+											? $locale().user.badges.editMode.disable
+											: $locale().user.badges.editMode.enable}
 									</button>
 
 									{#if editMode && isOwner}
@@ -380,20 +383,20 @@
 
 										<input
 											type="text"
-											placeholder="Image URL"
+											placeholder={$locale().user.badges.editMode.imageURL}
 											name="image_url"
 											minlength="1"
 											maxlength="1000"
-											size="14"
+											size="15"
 											value={selectedBadge ? selectedBadge.image : ''}
 										/>
 										<input
 											type="text"
-											placeholder="Activity URL"
+											placeholder={$locale().user.badges.editMode.activityURL}
 											name="activity_url"
 											minlength="1"
 											maxlength="1000"
-											size="14"
+											size="15"
 											value={selectedBadge
 												? selectedBadge.post === '#'
 													? ''
@@ -402,20 +405,20 @@
 										/>
 										<input
 											type="text"
-											placeholder="Description (Optional)"
+											placeholder={$locale().user.badges.editMode.description}
 											name="description"
 											minlength="1"
 											maxlength="1000"
-											size="14"
+											size="15"
 											value={selectedBadge ? selectedBadge.description : ''}
 										/>
 										<input
 											type="text"
-											placeholder="Category (Optional)"
+											placeholder={$locale().user.badges.editMode.category}
 											name="category"
 											minlength="1"
 											maxlength="1000"
-											size="14"
+											size="15"
 											value={selectedBadge
 												? selectedBadge.category === 'Uncategorised'
 													? ''
@@ -431,15 +434,17 @@
 											</datalist>
 										{/if}
 										<button class="button-lined" on:click={submitBadge}
-											>{selectedBadge ? 'Update' : 'Add'}</button
+											>{selectedBadge
+												? $locale().user.badges.editMode.update
+												: $locale().user.badges.editMode.add}</button
 										>
 										{#if selectedBadge}
-											or
+											{$locale().user.badges.editMode.or}
 											<button
 												class="button-lined"
 												on:click={() => {
 													if (selectedBadge) removeBadge(selectedBadge);
-												}}>Delete (click twice)</button
+												}}>{$locale().user.badges.editMode.delete}</button
 											>
 										{/if}
 										<span style="float: right;">
-- 
cgit v1.2.3