Raw instance info only for moderators

CALCKEY.md

@@ -40,6 +40,7 @@
 - Mark as read from notifications widget
 - Better welcome screen (not logged in)
 - Ability to turn off "Connection lost" message
+- Raw instance info only for moderators
 - Spinner instead of "Loading..."
 - SearchX instead of Google
 - Spacing on group items

packages/client/src/pages/about.vue

@@ -155,7 +155,7 @@ definePageMetadata(computed(() => ({
 		> .name {
 			display: block;
 			padding: 16px;
-			color: #fff;
+			color: #e0def4;
 			text-shadow: 0 0 8px #000;
 			background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
 		}

packages/client/src/pages/instance-info.vue

@@ -53,7 +53,7 @@
 					<template #value><MkTime v-if="instance.latestRequestReceivedAt" :time="instance.latestRequestReceivedAt"/><span v-else>N/A</span></template>
 				</MkKeyValue>
 			</FormSection>
-	
+
 			<FormSection>
 				<MkKeyValue oneline style="margin: 1em 0;">
 					<template #key>Following (Pub)</template>
@@ -198,23 +198,42 @@ const headerActions = $computed(() => [{
 	},
 }]);
 
-const headerTabs = $computed(() => [{
+let headerTabs;
-	key: 'overview',
+
-	title: i18n.ts.overview,
+if (iAmModerator) {
-	icon: 'fas fa-info-circle',
+	headerTabs = $computed(() => [{
-}, {
+		key: 'overview',
-	key: 'chart',
+		title: i18n.ts.overview,
-	title: i18n.ts.charts,
+		icon: 'fas fa-info-circle',
-	icon: 'fas fa-chart-simple',
+	}, {
-}, {
+		key: 'chart',
-	key: 'users',
+		title: i18n.ts.charts,
-	title: i18n.ts.users,
+		icon: 'fas fa-chart-simple',
-	icon: 'fas fa-users',
+	}, {
-}, {
+		key: 'users',
-	key: 'raw',
+		title: i18n.ts.users,
-	title: 'Raw',
+		icon: 'fas fa-users',
-	icon: 'fas fa-code',
+	}, {
-}]);
+		key: 'raw',
+		title: 'Raw',
+		icon: 'fas fa-code',
+	}]);
+}
+else {
+	headerTabs = $computed(() => [{
+		key: 'overview',
+		title: i18n.ts.overview,
+		icon: 'fas fa-info-circle',
+	}, {
+		key: 'chart',
+		title: i18n.ts.charts,
+		icon: 'fas fa-chart-simple',
+	}, {
+		key: 'users',
+		title: i18n.ts.users,
+		icon: 'fas fa-users',
+	}]);
+}
 
 definePageMetadata({
 	title: props.host,