From cb778e1320e54d2b34d55d63150d06783e8fe097 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Wed, 23 Aug 2023 02:48:44 -0700
Subject: [PATCH] Add localization

---
 components/search/SearchModal/index.module.scss | 2 ++
 components/search/SearchModal/index.tsx         | 6 +++---
 public/locales/en/common.json                   | 5 +++++
 public/locales/ja/common.json                   | 5 +++++
 4 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/components/search/SearchModal/index.module.scss b/components/search/SearchModal/index.module.scss
index 90e76662..4bffefff 100644
--- a/components/search/SearchModal/index.module.scss
+++ b/components/search/SearchModal/index.module.scss
@@ -93,6 +93,7 @@
     .viewSwitcher {
       align-items: center;
       display: flex;
+      gap: $unit-fourth;
 
       span {
         color: var(--text-tertiary);
@@ -113,6 +114,7 @@
         }
 
         &.active {
+          background: var(--button-contained-bg);
           font-weight: $bold;
         }
       }
diff --git a/components/search/SearchModal/index.tsx b/components/search/SearchModal/index.tsx
index 13e180e3..ca19dfc2 100644
--- a/components/search/SearchModal/index.tsx
+++ b/components/search/SearchModal/index.tsx
@@ -459,12 +459,12 @@ const SearchModal = (props: Props) => {
             </h5>
             {(props.object === 'weapons' || props.object === 'summons') && (
               <div className={styles.viewSwitcher}>
-                <span>View: </span>
+                <span>{t('search.labels.view')}</span>
                 <button className={newestViewClasses} onClick={showNewest}>
-                  Newest
+                  {t('search.labels.newest')}
                 </button>
                 <button className={recentViewClasses} onClick={showRecent}>
-                  Recently used
+                  {t('search.labels.recently_used')}
                 </button>
               </div>
             )}
diff --git a/public/locales/en/common.json b/public/locales/en/common.json
index d40113bc..0bc3c376 100644
--- a/public/locales/en/common.json
+++ b/public/locales/en/common.json
@@ -512,6 +512,11 @@
       "end_results": "No more results",
       "type": "Keep typing..."
     },
+    "labels": {
+      "view": "View:",
+      "newest": "Newly added",
+      "recently_used": "Recently used"
+    },
     "placeholders": {
       "weapon": "Search for a weapon...",
       "summon": "Search for a summon...",
diff --git a/public/locales/ja/common.json b/public/locales/ja/common.json
index c4ae05b7..21ddb6ef 100644
--- a/public/locales/ja/common.json
+++ b/public/locales/ja/common.json
@@ -510,6 +510,11 @@
       "end_results": "検索結果これ以上ありません",
       "type": "もっと入力してください"
     },
+    "labels": {
+      "view": "表示:",
+      "newest": "最新発表",
+      "recently_used": "最近使用"
+    },
     "placeholders": {
       "weapon": "武器を検索...",
       "summon": "召喚石を検索...",