From 114b419a6957017ca6700d41b06fdb9493e739d5 Mon Sep 17 00:00:00 2001
From: Ronni Baslund <rhb@vdoc.dk>
Date: Sun, 24 May 2026 22:28:04 +0200
Subject: [PATCH] fix(operator): use refresh icon on Refresh buttons (was
 chevDown)

Every page header's Refresh button rendered a downward chevron because
the icon set had no refresh glyph. Added a circular-arrow 'refresh'
icon to UiIcon and pointed all seven Refresh buttons (Overview,
Tenants, Partners, Users, Operator team, Audit, Infrastructure) at it.
---
 apps/operator/components/UiIcon.vue    | 3 ++-
 apps/operator/pages/audit.vue          | 2 +-
 apps/operator/pages/index.vue          | 2 +-
 apps/operator/pages/infrastructure.vue | 2 +-
 apps/operator/pages/operator-team.vue  | 2 +-
 apps/operator/pages/partners/index.vue | 2 +-
 apps/operator/pages/tenants/index.vue  | 2 +-
 apps/operator/pages/users.vue          | 2 +-
 8 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/apps/operator/components/UiIcon.vue b/apps/operator/components/UiIcon.vue
index 266953e..6dd1007 100644
--- a/apps/operator/components/UiIcon.vue
+++ b/apps/operator/components/UiIcon.vue
@@ -9,7 +9,7 @@ export type IconName =
   | 'search' | 'bell' | 'logout'
   | 'chevDown' | 'chevRight' | 'chevLeft' | 'chevUpDown'
   | 'arrowUp' | 'arrowDown' | 'arrowRight'
-  | 'external'
+  | 'external' | 'refresh'
 
 withDefaults(
   defineProps<{
@@ -68,5 +68,6 @@ withDefaults(
     <template v-else-if="name === 'arrowDown'"><path d="M12 5v14" /><path d="M19 12l-7 7-7-7" /></template>
     <template v-else-if="name === 'arrowRight'"><path d="M5 12h14" /><path d="M13 5l7 7-7 7" /></template>
     <template v-else-if="name === 'external'"><path d="M14 4h6v6" /><path d="M20 4l-9 9" /><path d="M19 14v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h5" /></template>
+    <template v-else-if="name === 'refresh'"><path d="M21 12a9 9 0 1 1-3.4-7.05" /><path d="M21 4v5h-5" /></template>
   </svg>
 </template>
diff --git a/apps/operator/pages/audit.vue b/apps/operator/pages/audit.vue
index 8060ea2..c6e5544 100644
--- a/apps/operator/pages/audit.vue
+++ b/apps/operator/pages/audit.vue
@@ -209,7 +209,7 @@ function fmtRelative(iso: string | null | undefined): string {
     >
       <template #actions>
         <UiButton variant="secondary" :disabled="pending" @click="refresh()">
-          <template #leading><UiIcon name="chevDown" :size="13" /></template>
+          <template #leading><UiIcon name="refresh" :size="13" /></template>
           Refresh
         </UiButton>
       </template>
diff --git a/apps/operator/pages/index.vue b/apps/operator/pages/index.vue
index 83ee458..65b6701 100644
--- a/apps/operator/pages/index.vue
+++ b/apps/operator/pages/index.vue
@@ -61,7 +61,7 @@ function fmtDate(d: string) {
     >
       <template #actions>
         <UiButton variant="secondary" :disabled="pending" @click="refresh">
-          <template #leading><UiIcon name="chevDown" :size="13" /></template>
+          <template #leading><UiIcon name="refresh" :size="13" /></template>
           Refresh
         </UiButton>
         <NuxtLink to="/tenants" class="primary-link">
diff --git a/apps/operator/pages/infrastructure.vue b/apps/operator/pages/infrastructure.vue
index ee49e18..0db9afa 100644
--- a/apps/operator/pages/infrastructure.vue
+++ b/apps/operator/pages/infrastructure.vue
@@ -62,7 +62,7 @@ function label(p: ProbeResult) {
     >
       <template #actions>
         <UiButton variant="secondary" :disabled="pending" @click="refresh()">
-          <template #leading><UiIcon name="chevDown" :size="13" /></template>
+          <template #leading><UiIcon name="refresh" :size="13" /></template>
           Refresh
         </UiButton>
       </template>
diff --git a/apps/operator/pages/operator-team.vue b/apps/operator/pages/operator-team.vue
index a36bdbc..b6713c5 100644
--- a/apps/operator/pages/operator-team.vue
+++ b/apps/operator/pages/operator-team.vue
@@ -38,7 +38,7 @@ async function onInvited() {
     >
       <template #actions>
         <UiButton variant="secondary" :disabled="pending" @click="refresh()">
-          <template #leading><UiIcon name="chevDown" :size="13" /></template>
+          <template #leading><UiIcon name="refresh" :size="13" /></template>
           Refresh
         </UiButton>
         <a href="https://auth.dezky.local/if/admin/" target="_blank" rel="noopener" class="link">
diff --git a/apps/operator/pages/partners/index.vue b/apps/operator/pages/partners/index.vue
index b2f61a0..cd69f08 100644
--- a/apps/operator/pages/partners/index.vue
+++ b/apps/operator/pages/partners/index.vue
@@ -79,7 +79,7 @@ async function submitCreate() {
     >
       <template #actions>
         <UiButton variant="secondary" :disabled="pending" @click="refresh()">
-          <template #leading><UiIcon name="chevDown" :size="13" /></template>
+          <template #leading><UiIcon name="refresh" :size="13" /></template>
           Refresh
         </UiButton>
         <UiButton variant="primary" @click="openCreate">
diff --git a/apps/operator/pages/tenants/index.vue b/apps/operator/pages/tenants/index.vue
index bdf04d7..af0e371 100644
--- a/apps/operator/pages/tenants/index.vue
+++ b/apps/operator/pages/tenants/index.vue
@@ -47,7 +47,7 @@ function navTo(t: Tenant) {
     >
       <template #actions>
         <UiButton variant="secondary" :disabled="pending" @click="refresh()">
-          <template #leading><UiIcon name="chevDown" :size="13" /></template>
+          <template #leading><UiIcon name="refresh" :size="13" /></template>
           Refresh
         </UiButton>
         <UiButton variant="primary">
diff --git a/apps/operator/pages/users.vue b/apps/operator/pages/users.vue
index b3829e7..0c55506 100644
--- a/apps/operator/pages/users.vue
+++ b/apps/operator/pages/users.vue
@@ -46,7 +46,7 @@ function lastSeen(u: PlatformUser) {
     >
       <template #actions>
         <UiButton variant="secondary" :disabled="pending" @click="refresh()">
-          <template #leading><UiIcon name="chevDown" :size="13" /></template>
+          <template #leading><UiIcon name="refresh" :size="13" /></template>
           Refresh
         </UiButton>
       </template>