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) => {
{(props.object === 'weapons' || props.object === 'summons') && (
- View:
+ {t('search.labels.view')}
)}
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": "召喚石を検索...",