From beb96f7cff9a147ec7b8e084974c6ec9e2201961 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Tue, 13 Jun 2023 17:15:00 -0700
Subject: [PATCH] feat: :monocle_face: bring back misskey's moderation displays
 on profile

---
 packages/client/src/components/MkSignin.vue   |  9 ++++++-
 packages/client/src/pages/user/home.vue       | 24 +++++++++++++++----
 .../src/scripts/show-suspended-dialog.ts      | 10 --------
 3 files changed, 28 insertions(+), 15 deletions(-)
 delete mode 100644 packages/client/src/scripts/show-suspended-dialog.ts

diff --git a/packages/client/src/components/MkSignin.vue b/packages/client/src/components/MkSignin.vue
index 59f066f6e6..c95d89bd1d 100644
--- a/packages/client/src/components/MkSignin.vue
+++ b/packages/client/src/components/MkSignin.vue
@@ -160,7 +160,6 @@
 <script lang="ts" setup>
 import { defineAsyncComponent } from "vue";
 import { toUnicode } from "punycode/";
-import { showSuspendedDialog } from "../scripts/show-suspended-dialog";
 import MkButton from "@/components/MkButton.vue";
 import MkInput from "@/components/form/input.vue";
 import MkInfo from "@/components/MkInfo.vue";
@@ -367,6 +366,14 @@ function resetPassword() {
 		"closed"
 	);
 }
+
+function showSuspendedDialog() {
+	os.alert({
+		type: "error",
+		title: i18n.ts.yourAccountSuspendedTitle,
+		text: i18n.ts.yourAccountSuspendedDescription,
+	});
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/packages/client/src/pages/user/home.vue b/packages/client/src/pages/user/home.vue
index 83dba3628c..f2a014e94b 100644
--- a/packages/client/src/pages/user/home.vue
+++ b/packages/client/src/pages/user/home.vue
@@ -7,9 +7,22 @@
 			:class="{ wide: !narrow }"
 		>
 			<div class="main">
-				<!-- TODO -->
-				<!-- <div class="punished" v-if="user.isSuspended"><i class="ph-warning ph-bold ph-lg" style="margin-right: 8px;"></i> {{ i18n.ts.userSuspended }}</div> -->
-				<!-- <div class="punished" v-if="user.isSilenced"><i class="ph-warning ph-bold ph-lg" style="margin-right: 8px;"></i> {{ i18n.ts.userSilenced }}</div> -->
+				<div v-if="$i?.isModerator || $i?.isAdmin">
+					<div class="punished" v-if="user.isSilenced">
+						<i
+							class="ph-warning ph-bold ph-lg"
+							style="margin-right: 8px; color: var(--warn)"
+						></i>
+						{{ i18n.ts.silenced }}
+					</div>
+					<div class="punished" v-if="user.isSuspended">
+						<i
+							class="ph-warning ph-bold ph-lg"
+							style="margin-right: 8px; color: var(--warn)"
+						></i>
+						{{ i18n.ts.suspended }}
+					</div>
+				</div>
 
 				<div class="profile">
 					<MkMoved
@@ -447,7 +460,10 @@ onUnmounted(() => {
 	> .main {
 		> .punished {
 			font-size: 0.8em;
-			padding: 16px;
+			padding: 10px;
+			color: var(--infoWarnBg);
+			background-color: var(--infoWarnFg);
+			border-radius: 10px;
 		}
 
 		> .profile {
diff --git a/packages/client/src/scripts/show-suspended-dialog.ts b/packages/client/src/scripts/show-suspended-dialog.ts
deleted file mode 100644
index 45246021d2..0000000000
--- a/packages/client/src/scripts/show-suspended-dialog.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import * as os from "@/os";
-import { i18n } from "@/i18n";
-
-export function showSuspendedDialog() {
-	return os.alert({
-		type: "error",
-		title: i18n.ts.yourAccountSuspendedTitle,
-		text: i18n.ts.yourAccountSuspendedDescription,
-	});
-}