From f69c6ef2742c6f5fd54c83bb153124b05503a543 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Mon, 12 Jun 2023 01:58:32 -0700
Subject: [PATCH] =?UTF-8?q?refactor:=20=F0=9F=92=84=20reverse=20pie=20char?=
 =?UTF-8?q?t=20color=20on=20indexing?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: PrivateGER <privateger@codeberg.org>
---
 packages/client/src/widgets/server-metric/meilisearch.vue | 1 +
 packages/client/src/widgets/server-metric/pie.vue         | 8 +++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/client/src/widgets/server-metric/meilisearch.vue b/packages/client/src/widgets/server-metric/meilisearch.vue
index 78032cb6e4..f7c7bd5936 100644
--- a/packages/client/src/widgets/server-metric/meilisearch.vue
+++ b/packages/client/src/widgets/server-metric/meilisearch.vue
@@ -4,6 +4,7 @@
 			v-tooltip="i18n.ts.meiliIndexCount"
 			class="pie"
 			:value="progress"
+			:reverse="true"
 		/>
 		<div>
 			<p><i class="ph-file-search ph-bold ph-lg"></i>MeiliSearch</p>
diff --git a/packages/client/src/widgets/server-metric/pie.vue b/packages/client/src/widgets/server-metric/pie.vue
index 9edbfc94eb..3c28a98234 100644
--- a/packages/client/src/widgets/server-metric/pie.vue
+++ b/packages/client/src/widgets/server-metric/pie.vue
@@ -29,11 +29,17 @@ import {} from "vue";
 
 const props = defineProps<{
 	value: number;
+	reverse?: boolean;
 }>();
 
 const r = 0.45;
 
-const color = $computed(() => `hsl(${180 - props.value * 180}, 80%, 70%)`);
+const color = $computed(
+	() =>
+		`hsl(${
+			props.reverse ? 180 + props.value * 180 : 180 - props.value * 180
+		}, 80%, 70%)`
+);
 const strokeDashoffset = $computed(
 	() => (1 - props.value) * (Math.PI * (r * 2))
 );