From 3a671e42d133edb52a6e880cf4d0d87223e26fbe Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Wed, 20 Sep 2023 20:46:48 -0700
Subject: [PATCH] feat: :sparkles: Show instance default reactions on welcome
 page instead of hardcoded

---
 .../client/src/pages/welcome.entrance.a.vue   | 34 +++++++++----------
 packages/client/src/store.ts                  | 28 ++++++++-------
 2 files changed, 31 insertions(+), 31 deletions(-)

diff --git a/packages/client/src/pages/welcome.entrance.a.vue b/packages/client/src/pages/welcome.entrance.a.vue
index c5f57d5808..49e560b4d6 100644
--- a/packages/client/src/pages/welcome.entrance.a.vue
+++ b/packages/client/src/pages/welcome.entrance.a.vue
@@ -7,17 +7,12 @@
 			<div class="shape2"></div>
 			<img src="/client-assets/misskey.svg" class="misskey" />
 			<div class="emojis">
-				<MkEmoji :normal="true" :no-style="true" emoji="⭐" />
-				<MkEmoji :normal="true" :no-style="true" emoji="❤️" />
-				<MkEmoji :normal="true" :no-style="true" emoji="😆" />
-				<MkEmoji :normal="true" :no-style="true" emoji="🤔" />
-				<MkEmoji :normal="true" :no-style="true" emoji="😮" />
-				<MkEmoji :normal="true" :no-style="true" emoji="🎉" />
-				<MkEmoji :normal="true" :no-style="true" emoji="💢" />
-				<MkEmoji :normal="true" :no-style="true" emoji="😥" />
-				<MkEmoji :normal="true" :no-style="true" emoji="😇" />
-				<MkEmoji :normal="true" :no-style="true" emoji="🥴" />
-				<MkEmoji :normal="true" :no-style="true" emoji="🍮" />
+				<MkEmoji
+					v-for="reaction in defaultReactions"
+					:normal="true"
+					:no-style="true"
+					:emoji="reaction"
+				/>
 			</div>
 			<div class="main">
 				<img
@@ -112,6 +107,7 @@ import { instanceName } from "@/config";
 import * as os from "@/os";
 import { instance } from "@/instance";
 import { i18n } from "@/i18n";
+import { defaultReactions } from "@/store";
 
 const meta = ref();
 const stats = ref();
@@ -184,13 +180,15 @@ function showMenu(ev) {
 					os.pageWindow("/about-firefish");
 				},
 			},
-			instance.tosUrl ? {
-				text: i18n.ts.tos,
-				icon: "ph-scroll ph-bold ph-lg",
-				action: () => {
-					window.open(instance.tosUrl, "_blank");
-				},
-			} : null,
+			instance.tosUrl
+				? {
+						text: i18n.ts.tos,
+						icon: "ph-scroll ph-bold ph-lg",
+						action: () => {
+							window.open(instance.tosUrl, "_blank");
+						},
+				  }
+				: null,
 		],
 		ev.currentTarget ?? ev.target,
 	);
diff --git a/packages/client/src/store.ts b/packages/client/src/store.ts
index 9a545415e9..8d8e8b4ffb 100644
--- a/packages/client/src/store.ts
+++ b/packages/client/src/store.ts
@@ -17,6 +17,20 @@ const menuOptions = [
 	"search",
 ];
 
+export const defaultReactions = [
+	"⭐",
+	"❤️",
+	"😆",
+	"🤔",
+	"😮",
+	"🎉",
+	"💢",
+	"😥",
+	"😇",
+	"🥴",
+	"🍮",
+];
+
 // TODO: それぞれいちいちwhereとかdefaultというキーを付けなきゃいけないの冗長なのでなんとかする(ただ型定義が面倒になりそう)
 //       あと、現行の定義の仕方なら「whereが何であるかに関わらずキー名の重複不可」という制約を付けられるメリットもあるからそのメリットを引き継ぐ方法も考えないといけない
 export const defaultStore = markRaw(
@@ -83,19 +97,7 @@ export const defaultStore = markRaw(
 		},
 		reactions: {
 			where: "account",
-			default: [
-				"⭐",
-				"❤️",
-				"😆",
-				"🤔",
-				"😮",
-				"🎉",
-				"💢",
-				"😥",
-				"😇",
-				"🥴",
-				"🍮",
-			],
+			default: defaultReactions,
 		},
 		mutedWords: {
 			where: "account",