From eb6b99382ca32cfdfb86adeb3e6247c8dc27348d Mon Sep 17 00:00:00 2001
From: Xeltica <xeltica@gmail.com>
Date: Thu, 23 Jun 2022 00:21:59 +0900
Subject: [PATCH] =?UTF-8?q?CHANGELOG=E3=81=B8=E3=81=AE=E3=83=AA=E3=83=B3?=
 =?UTF-8?q?=E3=82=AF=E3=82=92=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/components/NavigationMenu.tsx | 11 ++++++++++-
 src/frontend/langs/ja-JP.json              |  1 +
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/frontend/components/NavigationMenu.tsx b/src/frontend/components/NavigationMenu.tsx
index 2f4148a..eaef9de 100644
--- a/src/frontend/components/NavigationMenu.tsx
+++ b/src/frontend/components/NavigationMenu.tsx
@@ -2,13 +2,15 @@ import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { useDispatch } from 'react-redux';
 import { NavLink } from 'react-router-dom';
-import { useGetSessionQuery } from '../services/session';
+import { CHANGELOG_URL } from '../const';
+import { useGetMetaQuery, useGetSessionQuery } from '../services/session';
 import { setDrawerShown } from '../store/slices/screen';
 
 const navLinkClassName = (isActive: boolean) => `item ${isActive ? 'active' : ''}`;
 
 export const NavigationMenu: React.VFC = () => {
 	const { data: session } = useGetSessionQuery(undefined);
+	const { data: meta } = useGetMetaQuery(undefined);
 	const {t} = useTranslation();
 	const dispatch = useDispatch();
 
@@ -58,6 +60,13 @@ export const NavigationMenu: React.VFC = () => {
 						)}
 					</section>
 				)}
+				{meta && (
+					<section>
+						<a className="item" href={CHANGELOG_URL} onClick={onClickItem}>
+							v{meta.version} {t('changelog')}
+						</a>
+					</section>
+				)}
 			</div>
 		</>
 	);
diff --git a/src/frontend/langs/ja-JP.json b/src/frontend/langs/ja-JP.json
index b512823..4abb2eb 100644
--- a/src/frontend/langs/ja-JP.json
+++ b/src/frontend/langs/ja-JP.json
@@ -52,6 +52,7 @@
 	"instanceUrlPlaceholder": "例：misskey.io",
 	"settings": "設定",
 	"accentColor": "アクセントカラー",
+	"changelog": "更新履歴",
 	"_sidebar": {
 		"dashboard": "ダッシュボード",
 		"tools": "ツール",