From f70ee353e6b8f1254cc2b5660debf5daf927ed7c Mon Sep 17 00:00:00 2001
From: Ionys320 <9364594+Ionys320@users.noreply.github.com>
Date: Mon, 20 May 2024 14:30:57 +0200
Subject: [PATCH] feat(metric): Use `MetricViewEnum` for period selection

---
 resources/views/components/metric.blade.php | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/resources/views/components/metric.blade.php b/resources/views/components/metric.blade.php
index f979548b..38a18e94 100644
--- a/resources/views/components/metric.blade.php
+++ b/resources/views/components/metric.blade.php
@@ -2,6 +2,8 @@
 'metric',
 ])
 
+@use('\Cachet\Enums\MetricViewEnum')
+
 <div x-data="chart">
     <div class="flex flex-col gap-2">
         <div class="flex items-center gap-1.5">
@@ -19,10 +21,9 @@
 
             <!-- Period Selector -->
             <select x-model="period" class="ml-auto rounded-md border border-gray-300 dark:border-gray-700 bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 text-sm font-medium">
-                <option value="0">Last Hour</option>
-                <option value="1">Today</option>
-                <option value="2">Week</option>
-                <option value="3">Month</option>
+                @foreach([MetricViewEnum::last_hour, MetricViewEnum::today, MetricViewEnum::week, MetricViewEnum::month] as $value)
+                <option value="{{ $value }}">{{ $value->getLabel() }}</option>
+                @endforeach
             </select>
         </div>
         <canvas x-ref="canvas" height="300" class="ring-1 ring-gray-900/5 dark:ring-gray-100/10 bg-gray-50 dark:bg-gray-800 rounded-md shadow-sm text-white"></canvas>