Added Notifications

2026-05-11 23:00:48 +10:00
parent c7fe3268c7
commit 69d72e0912
28 changed files with 2094 additions and 23 deletions
@@ -0,0 +1,38 @@
+<script setup lang="ts">
+defineProps<{
+    visitedRegions: Set<string>
+    stateLocalCodes: string[]
+    regionNames?: Record<string, string>
+}>()
+</script>
+
+<template>
+    <div class="legend">
+        <v-chip
+            v-for="state in stateLocalCodes"
+            :key="state"
+            :color="visitedRegions.has(state) ? '#4a90d9' : 'grey'"
+            variant="flat"
+            size="small"
+        >
+            <template #prepend>
+                <v-icon
+                    :icon="visitedRegions.has(state) ? 'mdi-check-circle' : 'mdi-circle-outline'"
+                    size="small"
+                    class="mr-1"
+                />
+            </template>
+            {{ regionNames?.[state] ?? state }}
+        </v-chip>
+    </div>
+</template>
+
+<style scoped>
+.legend {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    justify-content: center;
+    margin-top: 12px;
+}
+</style>