Add donation support and link in navbar

kyong · Feb 17, 2024 · f03510c · f03510c
1 parent 8c1a582
commit f03510c
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 0 deletions.
diff --git a/locales/index.d.ts b/locales/index.d.ts
@@ -96,6 +96,10 @@ export interface Locale extends ILocale {
      * 設定
      */
     "settings": string;
+    /**
+     * このサーバーを支援する
+     */
+    "donation": string;
     /**
      * 通知の設定
      */

diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
@@ -20,6 +20,7 @@ noNotes: "ノートはありません"
 noNotifications: "通知はありません"
 instance: "サーバー"
 settings: "設定"
+donation: "このサーバーを支援する"
 notificationSettings: "通知の設定"
 basicSettings: "基本設定"
 otherSettings: "その他の設定"

diff --git a/packages/frontend/src/ui/_common_/navbar.vue b/packages/frontend/src/ui/_common_/navbar.vue
@@ -46,6 +46,9 @@ SPDX-License-Identifier: AGPL-3.0-only
 			<MkA v-tooltip.noDelay.right="i18n.ts.settings" :class="$style.item" :activeClass="$style.active" to="/settings">
 				<i :class="$style.itemIcon" class="ti ti-settings ti-fw"></i><span :class="$style.itemText">{{ i18n.ts.settings }}</span>
 			</MkA>
+			<a v-tooltip.noDelay.right="i18n.ts.donation" :class="$style.item" :activeClass="$style.active" href="https://sabakampa.com/p/chunchun.world" target="_blank">
+				<i :class="$style.itemIcon" class="ti ti-heart-up ti-fw"></i><span :class="$style.itemText">{{ i18n.ts.donation }}</span> <i class="ti ti-external-link"></i>
+			</a>
 		</div>
 		<div :class="$style.bottom">
 			<button v-tooltip.noDelay.right="i18n.ts.note" class="_button" :class="[$style.post]" data-cy-open-post-form @click="os.post">