feat: moderation API

Foxnouns.Frontend/src/lib/api/models/user.ts

@@ -26,6 +26,7 @@ export type MeUser = UserWithMembers & {
 	last_active: string;
 	last_sid_reroll: string;
 	timezone: string;
+	deleted: boolean;
 };
 
 export type UserWithMembers = User & { members: PartialMember[] | null };

Foxnouns.Frontend/src/lib/components/Navbar.svelte

@@ -9,17 +9,25 @@
 		NavItem,
 	} from "@sveltestrap/sveltestrap";
 	import { page } from "$app/stores";
-	import type { User, Meta } from "$api/models/index";
+	import type { Meta, MeUser } from "$api/models/index";
 	import Logo from "$components/Logo.svelte";
 	import { t } from "$lib/i18n";
 
-	type Props = { user: User | null; meta: Meta };
+	type Props = { user: MeUser | null; meta: Meta };
 	let { user, meta }: Props = $props();
 
 	let isOpen = $state(true);
 	const toggleMenu = () => (isOpen = !isOpen);
 </script>
 
+{#if user && user.deleted}
+	<div class="suspended-alert text-center py-3 mb-2 px-2">
+		<strong>{$t("nav.suspended-account-hint")}</strong>
+		<br />
+		<a href="/contact">{$t("nav.appeal-suspension-link")}</a>
+	</div>
+{/if}
+
 <Navbar expand="lg" class="mb-4 mx-2">
 	<NavbarBrand href="/">
 		<Logo />
@@ -58,6 +66,11 @@
 </Navbar>
 
 <style>
+	.suspended-alert {
+		color: var(--bs-danger-text-emphasis);
+		background-color: var(--bs-danger-bg-subtle);
+	}
+
 	/* These exact values make it look almost identical to the SVG version, which is what we want */
 	#beta-text {
 		font-size: 0.7em;

Foxnouns.Frontend/src/lib/i18n/locales/en.json

@@ -2,7 +2,9 @@
 	"hello": "Hello, {{name}}!",
 	"nav": {
 		"log-in": "Log in or sign up",
-		"settings": "Settings"
+		"settings": "Settings",
+		"suspended-account-hint": "Your account has been suspended. Your profile has been hidden and you will not be able to change any settings.",
+		"appeal-suspension-link": "I want to appeal"
 	},
 	"avatar-tooltip": "Avatar for {{name}}",
 	"profile": {