@@ -47,48 +47,17 @@ const getActivityStatusClass = (status) => {
4747 return 'text-blue-600 dark:text-blue-400 bg-blue-100 dark:bg-blue-900/30'
4848}
4949</script>
50- <<<<<<< Updated upstream
51- <!-- Page Header -->
52- <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-6">
53- <div>
54- <h1 class="text-2xl font-semibold text-neutral-900 dark:text-white">Dashboard</h1>
55- <p class="mt-1 text-sm text-neutral-500 dark:text-neutral-400">
56- Welcome back! Here's an overview of your system.
57- </p>
58- </div>
59- <div class="w-44">
60- <Select
61- value="{{ timeRange }}"
62- data-model="timeRange"
63- >
64- @foreach(timeRangeOptions as option)
65- <option value="{{ option }}">{{ option.label }}</option>
66- @endforeach
67- </Select>
68- </div>
69- =======
7050
7151<div class="p-6 max-w-7xl mx-auto">
7252 <!-- Header -->
7353 <div class="mb-8">
7454 <h1 class="text-2xl font-semibold text-neutral-900 dark:text-white">Dashboard</h1>
7555 <p class="mt-1 text-sm text-neutral-500 dark:text-neutral-400">Welcome back! Here's an overview of your system.</p>
76- >>>>>>> Stashed changes
7756 </div>
7857
7958 <!-- Stats Grid -->
8059 <div class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4 mb-8">
8160 @foreach(stats as stat)
82- <<<<<<< Updated upstream
83- <StatsCard
84- :title="stat.title"
85- value="{{ stat.value }}"
86- trend="{{ stat.trend }}"
87- trendLabel="{{ stat.trendLabel }}"
88- icon="{{ stat.icon }}"
89- iconBg="{{ stat.iconBg }}"
90- />
91- =======
9261 <div class="bg-white dark:bg-neutral-800 rounded-xl border border-neutral-200 dark:border-neutral-700 p-5">
9362 <div class="flex items-center justify-between">
9463 <div>
@@ -101,7 +70,6 @@ const getActivityStatusClass = (status) => {
10170 </div>
10271 </div>
10372 </div>
104- >>>>>>> Stashed changes
10573 @endforeach
10674 </div>
10775
@@ -110,7 +78,7 @@ const getActivityStatusClass = (status) => {
11078 <h2 class="text-base font-semibold text-neutral-900 dark:text-white mb-4">Quick Links</h2>
11179 <div class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
11280 @foreach(quickLinks as link)
113- <a :href ="link.href" data-stx-link class="block bg-white dark:bg-neutral-800 rounded-xl border border-neutral-200 dark:border-neutral-700 p-5 hover:shadow-md transition-shadow">
81+ <StxLink :to ="link.href" class="block bg-white dark:bg-neutral-800 rounded-xl border border-neutral-200 dark:border-neutral-700 p-5 hover:shadow-md transition-shadow">
11482 <div class="flex items-center gap-4">
11583 <div class="{{ link.color }} flex-shrink-0 rounded-xl p-3">
11684 <div class="h-5 w-5 text-white"></div>
@@ -120,7 +88,7 @@ const getActivityStatusClass = (status) => {
12088 <p class="mt-0.5 text-xs text-neutral-500 dark:text-neutral-400">{{ link.description }}</p>
12189 </div>
12290 </div>
123- </a >
91+ </StxLink >
12492 @endforeach
12593 </div>
12694 </div>
@@ -131,7 +99,7 @@ const getActivityStatusClass = (status) => {
13199 <div class="bg-white dark:bg-neutral-800 rounded-xl border border-neutral-200 dark:border-neutral-700">
132100 <div class="flex items-center justify-between p-5 border-b border-neutral-200 dark:border-neutral-700">
133101 <h3 class="text-base font-semibold text-neutral-900 dark:text-white">System Health</h3>
134- <a href ="/health" data-stx-link class="text-sm text-neutral-500 hover:text-neutral-700 dark:hover:text-neutral-300">View all</a >
102+ <StxLink to ="/health" class="text-sm text-neutral-500 hover:text-neutral-700 dark:hover:text-neutral-300">View all</StxLink >
135103 </div>
136104 <div class="divide-y divide-neutral-100 dark:divide-neutral-700">
137105 @foreach(systemHealth as service)
@@ -154,7 +122,7 @@ const getActivityStatusClass = (status) => {
154122 <div class="bg-white dark:bg-neutral-800 rounded-xl border border-neutral-200 dark:border-neutral-700">
155123 <div class="flex items-center justify-between p-5 border-b border-neutral-200 dark:border-neutral-700">
156124 <h3 class="text-base font-semibold text-neutral-900 dark:text-white">Recent Activity</h3>
157- <a href ="/data/activity" data-stx-link class="text-sm text-neutral-500 hover:text-neutral-700 dark:hover:text-neutral-300">View all</a >
125+ <StxLink to ="/data/activity" class="text-sm text-neutral-500 hover:text-neutral-700 dark:hover:text-neutral-300">View all</StxLink >
158126 </div>
159127 <div class="divide-y divide-neutral-100 dark:divide-neutral-700">
160128 @foreach(recentActivity as activity)
@@ -187,17 +155,5 @@ const getActivityStatusClass = (status) => {
187155 <p class="mt-1 text-xs text-green-700 dark:text-green-300">Star us on GitHub</p>
188156 </a>
189157 </div>
190- <<<<<<< Updated upstream
191- <script client>
192- import { onMount } from 'stx'
193-
194- onMount(async () => {
195- fetchAll(timeRange)
196- })
197- </script>
198-
199-
200- @endsection
201- =======
202158</div>
203- >>>>>>> Stashed changes
159+ @endsection
0 commit comments