Forecast fixes

client/src/views/Dashboard.vue

@@ -1,20 +1,14 @@
 `<script setup lang="ts">
 import {formatDate} from '@ztimson/utils';
-import {onMounted, onUnmounted, ref, computed} from 'vue';
-import {current, daily, fetchAll, loading} from '../services/weather';
-import {METRICS, GROUPS} from '../services/units';
+import {onMounted, onUnmounted, ref} from 'vue';
 import MapView from '../components/MapView.vue';
 import CurrentWeather from '../components/CurrentWeather.vue';
 import ForecastStrip from '../components/ForecastStrip.vue';
-import MetricCard from '../components/MetricCard.vue';
-import GraphModal from '../components/GraphModal.vue';
 
 const day = ref(formatDate('dddd'));
 const date = ref(formatDate('MMMM D'));
 const time = ref(formatDate('h:mm A'));
 const props = defineProps<{dark: boolean}>();
-const selectedMetric = ref<string | null>(null);
-let interval: ReturnType<typeof setInterval>;
 let clock: ReturnType<typeof setInterval>;
 
 onMounted(async () => {
@@ -23,22 +17,10 @@ onMounted(async () => {
 		date.value = formatDate('MMMM D');
 		time.value = formatDate('h:mm A');
 	}, 1000);
-	await fetchAll();
-	interval = setInterval(fetchAll, 60 * 1000);
 });
 
 onUnmounted(() => {
 	clearInterval(clock);
-	clearInterval(interval);
-});
-
-const groupedMetrics = computed(() => {
-	return GROUPS.map(group => ({
-		group,
-		keys: Object.entries(METRICS)
-			.filter(([key, meta]) => meta.group === group && current.value[key] != null)
-			.map(([key]) => key)
-	})).filter(g => g.keys.length > 0);
 });
 </script>
 
@@ -161,8 +143,6 @@ const groupedMetrics = computed(() => {
 
 <template>
 	<div class="dashboard">
-		<div v-if="loading" class="loading-bar"/>
-
 		<div class="map-col">
 			<MapView :dark="props.dark"/>
 		</div>
@@ -178,27 +158,14 @@ const groupedMetrics = computed(() => {
 				</div>
 			</div>
 			<CurrentWeather />
-			<ForecastStrip :days="daily"/>
-
-			<template v-for="g in groupedMetrics" :key="g.group">
-				<div class="group-label">{{ g.group }}</div>
-				<div class="metric-grid">
-					<MetricCard
-						v-for="key in g.keys"
-						:key="key"
-						:metric-key="key"
-						:data="current"
-						@click="selectedMetric = key"
-					/>
-				</div>
-			</template>
+			<ForecastStrip />
 		</div>
 
-		<GraphModal
-			:metric-key="selectedMetric"
-			:current-data="current"
-			@close="selectedMetric = null"
-		/>
+<!--		<GraphModal-->
+<!--			:metric-key="selectedMetric"-->
+<!--			:current-data="current"-->
+<!--			@close="selectedMetric = null"-->
+<!--		/>-->
 	</div>
 </template>
 `