From d8226884d878e8a023f08dd53b3eba12db35dcb0 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Sat, 1 Jul 2023 20:54:37 -0700
Subject: [PATCH] feat: :sparkles: add emoji count to admin panel

---
 .../client/src/pages/admin/overview.stats.vue | 27 ++++++++++++++++---
 1 file changed, 23 insertions(+), 4 deletions(-)

diff --git a/packages/client/src/pages/admin/overview.stats.vue b/packages/client/src/pages/admin/overview.stats.vue
index b6d9e0bf1..35f74953d 100644
--- a/packages/client/src/pages/admin/overview.stats.vue
+++ b/packages/client/src/pages/admin/overview.stats.vue
@@ -22,7 +22,7 @@
 								:value="usersComparedToThePrevDay"
 							></MkNumberDiff>
 						</div>
-						<div class="label">Users</div>
+						<div class="label">{{ i18n.ts.users }}</div>
 					</div>
 				</div>
 				<div class="item _panel notes">
@@ -41,7 +41,7 @@
 								:value="notesComparedToThePrevDay"
 							></MkNumberDiff>
 						</div>
-						<div class="label">Posts</div>
+						<div class="label">{{ i18n.ts.notes }}</div>
 					</div>
 				</div>
 				<div class="item _panel instances">
@@ -55,7 +55,7 @@
 								style="margin-right: 0.5em"
 							/>
 						</div>
-						<div class="label">Instances</div>
+						<div class="label">{{ i18n.ts.instances }}</div>
 					</div>
 				</div>
 				<div class="item _panel online">
@@ -69,10 +69,24 @@
 								style="margin-right: 0.5em"
 							/>
 						</div>
-						<div class="label">Online</div>
+						<div class="label">{{ i18n.ts.online }}</div>
 					</div>
 				</div>
 			</div>
+			<div class="item _panel emojis">
+					<div class="icon">
+						<i class="ph-smiley ph-bold ph-xl"></i>
+					</div>
+					<div class="body">
+						<div class="value">
+							<MkNumber
+								:value="emojiCount"
+								style="margin-right: 0.5em"
+							/>
+						</div>
+						<div class="label">{{ i18n.ts.emojis }}</div>
+					</div>
+			</div>
 		</Transition>
 	</div>
 </template>
@@ -90,6 +104,7 @@ let stats: any = $ref(null);
 let usersComparedToThePrevDay = $ref<number>();
 let notesComparedToThePrevDay = $ref<number>();
 let onlineUsersCount = $ref(0);
+let emojiCount = $ref(0);
 let fetching = $ref(true);
 
 onMounted(async () => {
@@ -110,6 +125,10 @@ onMounted(async () => {
 			stats.originalNotesCount - chart.local.total[1];
 	});
 
+	os.apiGet("meta").then((meta) => {
+		emojiCount = meta.emojis.length;
+	});
+
 	fetching = false;
 });
 </script>