From bd2ece3a01f4829791e52a0f321b4e8347f43035 Mon Sep 17 00:00:00 2001
From: PrivateGER <privateger@privateger.me>
Date: Fri, 26 May 2023 10:51:11 +0200
Subject: [PATCH] i18n strings

---
 locales/en-US.yml                             |  5 +
 packages/client/src/scripts/search.ts         |  2 +-
 .../src/widgets/server-metric/meilisearch.vue | 93 ++++++++++---------
 3 files changed, 53 insertions(+), 47 deletions(-)

diff --git a/locales/en-US.yml b/locales/en-US.yml
index 6fe8bccfc..e134a0591 100644
--- a/locales/en-US.yml
+++ b/locales/en-US.yml
@@ -5,6 +5,7 @@ introMisskey: "Welcome! Calckey is an open source, decentralized social media pl
   \ that's free forever! \U0001F680"
 monthAndDay: "{month}/{day}"
 search: "Search"
+search_placeholder: "Enter search terms..."
 notifications: "Notifications"
 username: "Username"
 password: "Password"
@@ -1548,6 +1549,10 @@ _widgets:
   userList: "User list"
   _userList:
     chooseList: "Select a list"
+  meiliStatus: "Server Status"
+  meiliSize: "Index size"
+  meiliIndexCount: "Indexed posts"
+
 _cw:
   hide: "Hide"
   show: "Show content"
diff --git a/packages/client/src/scripts/search.ts b/packages/client/src/scripts/search.ts
index 15f916cfc..c7b8582ac 100644
--- a/packages/client/src/scripts/search.ts
+++ b/packages/client/src/scripts/search.ts
@@ -5,7 +5,7 @@ import { mainRouter } from "@/router";
 export async function search() {
 	const { canceled, result: query } = await os.inputText({
 		title: i18n.ts.search,
-		placeholder: "Enter search terms...",
+		placeholder: i18n.ts.search_placeholder,
 		text:
 			"Advanced search operators\n" +
 			"from:user => filter by user\n" +
diff --git a/packages/client/src/widgets/server-metric/meilisearch.vue b/packages/client/src/widgets/server-metric/meilisearch.vue
index 182896cc0..cb50c0301 100644
--- a/packages/client/src/widgets/server-metric/meilisearch.vue
+++ b/packages/client/src/widgets/server-metric/meilisearch.vue
@@ -1,46 +1,47 @@
-<template>
-	<div class="ms_stats">
-		<div>
-			<p><i class="ph-file-search ph-bold ph-lg"></i>MeiliSearch</p>
-			<p>Server Status: {{ available }}</p>
-			<p>Total: {{ bytes(total_size, 2) }}</p>
-			<p>Posts Indexed: {{ index_count }}</p>
-		</div>
-	</div>
-	<br />
-</template>
-
-<script lang="ts" setup>
-import {} from "vue";
-import bytes from "@/filters/bytes";
-
-const props = defineProps<{
-	meta: any; // TODO
-}>();
-
-const total_size = $computed(() => props.meta.meilisearch.size);
-const index_count = $computed(() => props.meta.meilisearch.indexed_count);
-const available = $computed(() => props.meta.meilisearch.health);
-</script>
-
-<style lang="scss" scoped>
-.ms_stats {
-	padding: 16px;
-
-	> div {
-		> p {
-			margin: 0;
-			font-size: 0.8em;
-
-			&:first-child {
-				font-weight: bold;
-				margin-bottom: 4px;
-
-				> i {
-					margin-right: 4px;
-				}
-			}
-		}
-	}
-}
-</style>
+<template>
+	<div class="ms_stats">
+		<div>
+			<p><i class="ph-file-search ph-bold ph-lg"></i>MeiliSearch</p>
+			<p>{{ i18n.ts._widgets.meiliStatus }}: {{ available }}</p>
+			<p>{{ i18n.ts._widgets.meiliSize }}: {{ bytes(total_size, 2) }}</p>
+			<p>{{ i18n.ts._widgets.meiliIndexCount }}: {{ index_count }}</p>
+		</div>
+	</div>
+	<br />
+</template>
+
+<script lang="ts" setup>
+import {} from "vue";
+import bytes from "@/filters/bytes";
+import {i18n} from "@/i18n";
+
+const props = defineProps<{
+	meta: any; // TODO
+}>();
+
+const total_size = $computed(() => props.meta.meilisearch.size);
+const index_count = $computed(() => props.meta.meilisearch.indexed_count);
+const available = $computed(() => props.meta.meilisearch.health);
+</script>
+
+<style lang="scss" scoped>
+.ms_stats {
+	padding: 16px;
+
+	> div {
+		> p {
+			margin: 0;
+			font-size: 0.8em;
+
+			&:first-child {
+				font-weight: bold;
+				margin-bottom: 4px;
+
+				> i {
+					margin-right: 4px;
+				}
+			}
+		}
+	}
+}
+</style>