style: add announcement to misshai page

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 />

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",

src/frontend/langs/ja-JP.json

@@ -35,6 +35,7 @@
 	"no": "いいえ",
 	"termsOfService": "利用規約",
   "poweredBy": "Powered by SWREI Studio with ❤️",
+  "donate": "支援",
 	"name": "名前",
 	"resetToDefault": "初期値に戻す",
 	"error": "エラー",

src/frontend/langs/ko-KR.json

@@ -35,6 +35,7 @@
 	"no": "아니오",
 	"termsOfService": "이용 약관",
   "poweredBy": "무라쿠모 스튜디오에서, ❤️를 담아.",
+  "donate": "후원하기",
 	"name": "이름",
 	"resetToDefault": "기본값으로 초기화",
 	"error": "오류",

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',
@@ -51,6 +52,7 @@ export const MisshaiPage: React.VFC = () => {
   const score = useGetScoreQuery(undefined);
 
   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">

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>
   );