feat(locale): localise badges

4 files changed, 69 insertions, 13 deletions

diff --git a/src/lib/Locale/english.ts b/src/lib/Locale/english.ts
index 194f5100..f69d57c4 100644
--- a/src/lib/Locale/english.ts
+++ b/src/lib/Locale/english.ts
@@ -125,6 +125,23 @@ const English: Locale = {
 			english: 'English',
 			japanese: 'Japanese'
 		}
+	},
+	user: {
+		badges: {
+			backToProfile: 'Back to Profile',
+			editMode: {
+				disable: 'Disable Edit Mode',
+				enable: 'Enable Edit Mode',
+				imageURL: 'Image URL',
+				activityURL: 'Activity URL',
+				description: 'Description (Optional)',
+				category: 'Category (Optional)',
+				add: 'Add',
+				update: 'Update',
+				or: 'or',
+				delete: 'Delete (Click Twice)'
+			}
+		}
 	}
 };
 
diff --git a/src/lib/Locale/japanese.ts b/src/lib/Locale/japanese.ts
index 1f8b8321..d8315df0 100644
--- a/src/lib/Locale/japanese.ts
+++ b/src/lib/Locale/japanese.ts
@@ -126,6 +126,23 @@ const Japanese: Locale = {
 			english: '英語',
 			japanese: '日本語'
 		}
+	},
+	user: {
+		badges: {
+			backToProfile: 'プロフィールに戻る',
+			editMode: {
+				enable: '編集モードを有効にする',
+				disable: '編集モードを無効にする',
+				imageURL: '画像URL',
+				activityURL: 'アクティビティURL',
+				description: '説明（オプション）',
+				category: 'カテゴリー（オプション）',
+				add: 'バッジを追加',
+				update: 'バッジを更新',
+				or: 'または',
+				delete: 'バッジを削除する（2回クリック）'
+			}
+		}
 	}
 };
 
diff --git a/src/lib/Locale/layout.ts b/src/lib/Locale/layout.ts
index 8729fca2..35ccae47 100644
--- a/src/lib/Locale/layout.ts
+++ b/src/lib/Locale/layout.ts
@@ -130,4 +130,21 @@ export interface Locale {
 			japanese: LocaleValue;
 		};
 	};
+	user: {
+		badges: {
+			backToProfile: LocaleValue;
+			editMode: {
+				enable: LocaleValue;
+				disable: LocaleValue;
+				imageURL: LocaleValue;
+				activityURL: LocaleValue;
+				description: LocaleValue;
+				category: LocaleValue;
+				add: LocaleValue;
+				update: LocaleValue;
+				or: LocaleValue;
+				delete: LocaleValue;
+			};
+		};
+	};
 }
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;">