From b5a69c3aea012d9c9af3cd48d3ab9621427b9ba4 Mon Sep 17 00:00:00 2001
From: Leah <kevinlukej@gmail.com>
Date: Fri, 28 Jun 2024 17:17:13 +0200
Subject: [PATCH] Add locales for search bar

---
 locales/en-US.yml                            | 1 +
 locales/index.d.ts                           | 4 ++++
 locales/ja-JP.yml                            | 1 +
 packages/frontend/src/components/MkDrive.vue | 3 ++-
 4 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/locales/en-US.yml b/locales/en-US.yml
index fe7bc3c451..c20ecbefbc 100644
--- a/locales/en-US.yml
+++ b/locales/en-US.yml
@@ -321,6 +321,7 @@ lightThemes: "Light themes"
 darkThemes: "Dark themes"
 syncDeviceDarkMode: "Sync Dark Mode with your device settings"
 drive: "Drive"
+driveSearchbarPlaceholder: "Search drive"
 fileName: "Filename"
 selectFile: "Select a file"
 selectFiles: "Select files"
diff --git a/locales/index.d.ts b/locales/index.d.ts
index 7314151708..2d07667cf6 100644
--- a/locales/index.d.ts
+++ b/locales/index.d.ts
@@ -1300,6 +1300,10 @@ export interface Locale extends ILocale {
      * ドライブ
      */
     "drive": string;
+    /**
+     * 検索ドライブ
+     */
+    "driveSearchbarPlaceholder": string;
     /**
      * ファイル名
      */
diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index 8485037111..ee43ccd58b 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -321,6 +321,7 @@ lightThemes: "明るいテーマ"
 darkThemes: "暗いテーマ"
 syncDeviceDarkMode: "デバイスのダークモードと同期する"
 drive: "ドライブ"
+driveSearchbarPlaceholder: "検索ドライブ"
 fileName: "ファイル名"
 selectFile: "ファイルを選択"
 selectFiles: "ファイルを選択"
diff --git a/packages/frontend/src/components/MkDrive.vue b/packages/frontend/src/components/MkDrive.vue
index 698b32fcab..24d211e817 100644
--- a/packages/frontend/src/components/MkDrive.vue
+++ b/packages/frontend/src/components/MkDrive.vue
@@ -31,7 +31,8 @@ SPDX-License-Identifier: AGPL-3.0-only
 			<span v-if="folder != null" :class="[$style.navPathItem, $style.navCurrent]">{{ folder.name }}</span>
 		</div>
 		<div :class="$style.navMenu">
-			<MkInput v-model="searchQuery" :large="true" :autofocus="true" type="search" placeholder="Search drive via alt text or file names" @enter="search">
+			<!-- "Search drive via alt text or file names" -->
+			<MkInput v-model="searchQuery" :large="true" :autofocus="true" type="search" :placeholder="i18n.ts.driveSearchbarPlaceholder" @enter="search">
 				<template #prefix><i class="ph-magnifying-glass ph-bold ph-lg"></i></template>
 			</MkInput>