From 8b73f215eba87eeb2080c6586378e3ad3fa90af2 Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Wed, 28 Dec 2022 14:13:47 +0900
Subject: retention chart

---
 packages/frontend/src/components/MkInstanceStats.vue | 13 +++++++++++++
 1 file changed, 13 insertions(+)

(limited to 'packages/frontend/src/components/MkInstanceStats.vue')

diff --git a/packages/frontend/src/components/MkInstanceStats.vue b/packages/frontend/src/components/MkInstanceStats.vue
index 41f6f9ffd5..f01bb7426c 100644
--- a/packages/frontend/src/components/MkInstanceStats.vue
+++ b/packages/frontend/src/components/MkInstanceStats.vue
@@ -43,6 +43,13 @@
 		</div>
 	</MkFolder>
 
+	<MkFolder class="item">
+		<template #header>Retention rate</template>
+		<div class="_panel" :class="$style.retention">
+			<MkRetentionHeatmap/>
+		</div>
+	</MkFolder>
+
 	<MkFolder class="item">
 		<template #header>Federation</template>
 		<div :class="$style.federation">
@@ -88,6 +95,7 @@ import * as os from '@/os';
 import { i18n } from '@/i18n';
 import MkActiveUsersHeatmap from '@/components/MkActiveUsersHeatmap.vue';
 import MkFolder from '@/components/MkFolder.vue';
+import MkRetentionHeatmap from '@/components/MkRetentionHeatmap.vue';
 
 Chart.register(
 	ArcElement,
@@ -224,6 +232,11 @@ onMounted(() => {
 	margin-bottom: 16px;
 }
 
+.retention {
+	padding: 16px;
+	margin-bottom: 16px;
+}
+
 .federation {
 	&:global {
 		> .pies {
-- 
cgit v1.2.3-freya

