From 688368e4e1dfd279fe69ab76ce4c04e3c49fc4e1 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Mon, 13 Feb 2023 20:25:31 -0800
Subject: [PATCH] chore: formatting

---
 .../client/src/components/MkInstanceStats.vue |  6 +--
 .../src/pages/admin/overview.ap-requests.vue  |  8 ++--
 .../src/pages/admin/overview.heatmap.vue      |  6 +--
 packages/client/src/pages/admin/overview.vue  |  2 +-
 packages/client/src/scripts/chart-vline.ts    | 43 ++++++++++---------
 5 files changed, 33 insertions(+), 32 deletions(-)

diff --git a/packages/client/src/components/MkInstanceStats.vue b/packages/client/src/components/MkInstanceStats.vue
index b34ed5fb08..a9cb7977ad 100644
--- a/packages/client/src/components/MkInstanceStats.vue
+++ b/packages/client/src/components/MkInstanceStats.vue
@@ -41,9 +41,9 @@
 			<MkSelect v-model="heatmapSrc" style="margin: 0 0 12px 0;">
 				<option value="active-users">Active users</option>
 				<option value="notes">Notes</option>
-				<option value="ap-requests-inbox-received">AP Requests: inboxReceived</option>
-				<option value="ap-requests-deliver-succeeded">AP Requests: deliverSucceeded</option>
-				<option value="ap-requests-deliver-failed">AP Requests: deliverFailed</option>
+				<option value="ap-requests-inbox-received">Fediverse Requests: inboxReceived</option>
+				<option value="ap-requests-deliver-succeeded">Fediverse Requests: deliverSucceeded</option>
+				<option value="ap-requests-deliver-failed">Fediverse Requests: deliverFailed</option>
 			</MkSelect>
 			<div class="_panel" :class="$style.heatmap">
 				<MkHeatmap :src="heatmapSrc"/>
diff --git a/packages/client/src/pages/admin/overview.ap-requests.vue b/packages/client/src/pages/admin/overview.ap-requests.vue
index efb335fff1..e481465a1c 100644
--- a/packages/client/src/pages/admin/overview.ap-requests.vue
+++ b/packages/client/src/pages/admin/overview.ap-requests.vue
@@ -68,8 +68,8 @@ onMounted(async () => {
 	const raw = await os.api('charts/ap-request', { limit: chartLimit, span: 'day' });
 
 	const vLineColor = defaultStore.state.darkMode ? 'rgba(255, 255, 255, 0.2)' : 'rgba(0, 0, 0, 0.2)';
-	const succColor = '#87e000';
-	const failColor = '#ff4400';
+	const succColor = '#9ccfd8';
+	const failColor = '#f6c177';
 
 	const succMax = Math.max(...raw.deliverSucceeded);
 	const failMax = Math.max(...raw.deliverFailed);
@@ -190,7 +190,7 @@ onMounted(async () => {
 				borderWidth: 0,
 				borderJoinStyle: 'round',
 				borderRadius: 4,
-				backgroundColor: '#0cc2d6',
+				backgroundColor: '#c4a7e7',
 				barPercentage: 0.8,
 				categoryPercentage: 0.9,
 				fill: true,
@@ -264,7 +264,7 @@ onMounted(async () => {
 		},
 		plugins: [chartVLine(vLineColor)],
 	});
-	
+
 	fetching = false;
 });
 </script>
diff --git a/packages/client/src/pages/admin/overview.heatmap.vue b/packages/client/src/pages/admin/overview.heatmap.vue
index 4d56d2a51f..6cb64f3877 100644
--- a/packages/client/src/pages/admin/overview.heatmap.vue
+++ b/packages/client/src/pages/admin/overview.heatmap.vue
@@ -3,9 +3,9 @@
 	<MkSelect v-model="src" style="margin: 0 0 12px 0;" small>
 		<option value="active-users">Active users</option>
 		<option value="notes">Notes</option>
-		<option value="ap-requests-inbox-received">AP Requests: inboxReceived</option>
-		<option value="ap-requests-deliver-succeeded">AP Requests: deliverSucceeded</option>
-		<option value="ap-requests-deliver-failed">AP Requests: deliverFailed</option>
+		<option value="ap-requests-inbox-received">Fediverse Requests: inboxReceived</option>
+		<option value="ap-requests-deliver-succeeded">Fediverse Requests: deliverSucceeded</option>
+		<option value="ap-requests-deliver-failed">Fediverse Requests: deliverFailed</option>
 	</MkSelect>
 	<MkHeatmap :src="src"/>
 </div>
diff --git a/packages/client/src/pages/admin/overview.vue b/packages/client/src/pages/admin/overview.vue
index f0148ca482..fd9044fb99 100644
--- a/packages/client/src/pages/admin/overview.vue
+++ b/packages/client/src/pages/admin/overview.vue
@@ -32,7 +32,7 @@
 			</MkFolder>
 
 			<MkFolder class="item">
-				<template #header>Ap requests</template>
+				<template #header>Fediverse Requests</template>
 				<XApRequests/>
 			</MkFolder>
 
diff --git a/packages/client/src/scripts/chart-vline.ts b/packages/client/src/scripts/chart-vline.ts
index f321443834..94ba0abd39 100644
--- a/packages/client/src/scripts/chart-vline.ts
+++ b/packages/client/src/scripts/chart-vline.ts
@@ -1,23 +1,24 @@
-import { Plugin } from 'chart.js';
+import { Plugin } from "chart.js";
 
-export const chartVLine = (vLineColor: string) => ({
-	id: 'vLine',
-	beforeDraw(chart, args, options) {
-		if (chart.tooltip?._active?.length) {
-			const ctx = chart.ctx;
-			const xs = chart.tooltip._active.map(a => a.element.x);
-			const x = xs.reduce((a, b) => a + b, 0) / xs.length;
-			const topY = chart.scales.y.top;
-			const bottomY = chart.scales.y.bottom;
+export const chartVLine = (vLineColor: string) =>
+	({
+		id: "vLine",
+		beforeDraw(chart, args, options) {
+			if (chart.tooltip?._active?.length) {
+				const ctx = chart.ctx;
+				const xs = chart.tooltip._active.map((a) => a.element.x);
+				const x = xs.reduce((a, b) => a + b, 0) / xs.length;
+				const topY = chart.scales.y.top;
+				const bottomY = chart.scales.y.bottom;
 
-			ctx.save();
-			ctx.beginPath();
-			ctx.moveTo(x, bottomY);
-			ctx.lineTo(x, topY);
-			ctx.lineWidth = 1;
-			ctx.strokeStyle = vLineColor;
-			ctx.stroke();
-			ctx.restore();
-		}
-	},
-}) as Plugin;
+				ctx.save();
+				ctx.beginPath();
+				ctx.moveTo(x, bottomY);
+				ctx.lineTo(x, topY);
+				ctx.lineWidth = 1;
+				ctx.strokeStyle = vLineColor;
+				ctx.stroke();
+				ctx.restore();
+			}
+		},
+	}) as Plugin;