From b15d5c18cfff86bcef635536daf86f6f526ed4b8 Mon Sep 17 00:00:00 2001
From: Astro-CQM <saturn@astro.win>
Date: Mon, 5 May 2025 04:11:52 +0900
Subject: [PATCH] style: add announcement to misshai page

---
 src/frontend/App.tsx                 |  4 +---
 src/frontend/langs/en-US.json        |  1 +
 src/frontend/langs/ja-JP.json        |  1 +
 src/frontend/langs/ko-KR.json        |  1 +
 src/frontend/pages/apps/misshai.tsx  | 14 +++++++++++++-
 src/frontend/pages/index.session.tsx |  2 ++
 6 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/frontend/App.tsx b/src/frontend/App.tsx
index 6f0b24f..e64311b 100644
--- a/src/frontend/App.tsx
+++ b/src/frontend/App.tsx
@@ -72,9 +72,7 @@ const AppInner : React.VFC = () => {
         <p>{t('poweredBy')}</p>
         <p><span dangerouslySetInnerHTML={{__html: t('disclaimerForMisskeyHq')}} /></p>
         <p>
-          <a href="https://ol.psec.dev/s/misskey-tools" target="_blank" rel="noreferrer noopener">
-            {t('termsOfService')}
-          </a>
+          <a href="https://ol.psec.dev/s/misskey-tools" target="_blank" rel="noreferrer noopener">{t('termsOfService')}</a> · <a href="https://nrma.cc/donate" target="_blank" rel="noreferrer noopener">{t('donate')}</a>
         </p>
       </footer>
       <ModalComponent />
diff --git a/src/frontend/langs/en-US.json b/src/frontend/langs/en-US.json
index 29e095e..263aaae 100644
--- a/src/frontend/langs/en-US.json
+++ b/src/frontend/langs/en-US.json
@@ -35,6 +35,7 @@
 	"no": "No",
 	"termsOfService": "Terms of Service",
   "poweredBy": "Powered by SWREI Studio with ❤️",
+  "donate": "Donate",
 	"name": "Name",
 	"resetToDefault": "Reset to default",
 	"error": "Error",
diff --git a/src/frontend/langs/ja-JP.json b/src/frontend/langs/ja-JP.json
index 5218eae..d9d978c 100644
--- a/src/frontend/langs/ja-JP.json
+++ b/src/frontend/langs/ja-JP.json
@@ -35,6 +35,7 @@
 	"no": "いいえ",
 	"termsOfService": "利用規約",
   "poweredBy": "Powered by SWREI Studio with ❤️",
+  "donate": "支援",
 	"name": "名前",
 	"resetToDefault": "初期値に戻す",
 	"error": "エラー",
diff --git a/src/frontend/langs/ko-KR.json b/src/frontend/langs/ko-KR.json
index 22893c8..73a6aa4 100644
--- a/src/frontend/langs/ko-KR.json
+++ b/src/frontend/langs/ko-KR.json
@@ -35,6 +35,7 @@
 	"no": "아니오",
 	"termsOfService": "이용 약관",
   "poweredBy": "무라쿠모 스튜디오에서, ❤️를 담아.",
+  "donate": "후원하기",
 	"name": "이름",
 	"resetToDefault": "기본값으로 초기화",
 	"error": "오류",
diff --git a/src/frontend/pages/apps/misshai.tsx b/src/frontend/pages/apps/misshai.tsx
index 78e665e..5166a0b 100644
--- a/src/frontend/pages/apps/misshai.tsx
+++ b/src/frontend/pages/apps/misshai.tsx
@@ -15,6 +15,7 @@ import './misshai.scss';
 import { Ranking } from '../../components/Ranking';
 import { useTitle } from '../../hooks/useTitle';
 import { Link } from 'react-router-dom';
+import { useAnnouncements } from '../../hooks/useAnnouncements';
 
 const variables = [
   'notesCount',
@@ -50,7 +51,8 @@ export const MisshaiPage: React.VFC = () => {
   const data = session.data;
   const score = useGetScoreQuery(undefined);
 
-  const {t} = useTranslation();
+  const { t } = useTranslation();
+  const announcements = useAnnouncements();
 
   useTitle('_sidebar.missHaiAlert');
 
@@ -210,6 +212,16 @@ export const MisshaiPage: React.VFC = () => {
     </div>
   ) : (
     <article className="fade">
+      <section>
+        <h2><i className="fas fa-bell"></i> {t('announcements')}</h2>
+        <div className="large menu xmenu fade">
+          {announcements.map(a => (
+            <Link className="item fluid" key={a.id} to={`/announcements/${a.id}`}>
+              {a.title}
+            </Link>
+          ))}
+        </div>
+      </section>
       <section className="misshaiData">
         <h2><i className="fas fa-chart-line"></i> {t('_missHai.data')}</h2>
         <table className="table fluid">
diff --git a/src/frontend/pages/index.session.tsx b/src/frontend/pages/index.session.tsx
index 223fc0a..c65619b 100644
--- a/src/frontend/pages/index.session.tsx
+++ b/src/frontend/pages/index.session.tsx
@@ -58,6 +58,7 @@ export const IndexSessionPage: React.VFC = () => {
             </tbody>
           </table>
         </section>
+        {/*
         <section className="developerInfo">
           <h2><i className="fas fa-circle-question"></i> {t('_developerInfo.title')}</h2>
           <p>{t('_developerInfo.description')}</p>
@@ -68,6 +69,7 @@ export const IndexSessionPage: React.VFC = () => {
             </a>
           </div>
         </section>
+        */}
       </div>
     </article>
   );