From 0f8016fcdeff07b25ec683a8ea2ba4ed5f072562 Mon Sep 17 00:00:00 2001
From: Xeltica <xeltica@gmail.com>
Date: Thu, 27 Jan 2022 21:51:21 +0900
Subject: [PATCH] =?UTF-8?q?=E3=81=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/components/Tab.tsx      | 2 ++
 src/frontend/pages/index.session.tsx | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/frontend/components/Tab.tsx b/src/frontend/components/Tab.tsx
index 0ab72a6..948a164 100644
--- a/src/frontend/components/Tab.tsx
+++ b/src/frontend/components/Tab.tsx
@@ -3,6 +3,7 @@ import React from 'react';
 export type TabItem = {
 	label: string;
 	key: string;
+	isNew?: boolean;
 };
 
 export type TabProps = {
@@ -23,6 +24,7 @@ export const Tab: React.VFC<TabProps> = (props) => {
 						onClick={() => props.onSelect(item.key)}
 					>
 						{item.label}
+						{item.isNew && <sup className="text-primary text-bold" style={{marginLeft: 2}}>NEW!</sup>}
 					</button>
 				);
 			})}
diff --git a/src/frontend/pages/index.session.tsx b/src/frontend/pages/index.session.tsx
index b9890be..b67409a 100644
--- a/src/frontend/pages/index.session.tsx
+++ b/src/frontend/pages/index.session.tsx
@@ -30,7 +30,7 @@ export const IndexSessionPage: React.VFC = () => {
 		const it: TabItem[] = [];
 		it.push({ label: t('_nav.misshai'), key: 'misshai' });
 		it.push({ label: t('_nav.accounts'), key: 'accounts' });
-		it.push({ label: t('_nav.catAdjuster'), key: 'nekomimi' });
+		it.push({ label: t('_nav.catAdjuster'), key: 'nekomimi', isNew: true });
 		if (data?.isAdmin) {
 			it.push({ label: 'Admin', key: 'admin' });
 		}