ronnibaslund/dezky
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(operator): use refresh icon on Refresh buttons (was chevDown)

Browse Source 
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.
This commit is contained in:
Ronni Baslund
2026-05-24 22:28:04 +02:00
parent be273ea5f4
commit 114b419a69
8 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/operator/components/UiIcon.vue
+2 -1
View File
@@ -9,7 +9,7 @@ export type IconName =
| 'search' | 'bell' | 'logout' | 'search' | 'bell' | 'logout'
| 'chevDown' | 'chevRight' | 'chevLeft' | 'chevUpDown' | 'chevDown' | 'chevRight' | 'chevLeft' | 'chevUpDown'
| 'arrowUp' | 'arrowDown' | 'arrowRight' | 'arrowUp' | 'arrowDown' | 'arrowRight'
| 'external' | 'external' | 'refresh'
withDefaults( withDefaults(
defineProps<{ 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 === '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 === '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 === '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> </svg>
</template> </template>
apps/operator/pages/audit.vue
+1 -1
View File
@@ -209,7 +209,7 @@ function fmtRelative(iso: string | null | undefined): string {
> >
<template #actions> <template #actions>
<UiButton variant="secondary" :disabled="pending" @click="refresh()"> <UiButton variant="secondary" :disabled="pending" @click="refresh()">
<template #leading><UiIcon name="chevDown" :size="13" /></template> <template #leading><UiIcon name="refresh" :size="13" /></template>
Refresh Refresh
</UiButton> </UiButton>
</template> </template>
apps/operator/pages/index.vue
+1 -1
View File
@@ -61,7 +61,7 @@ function fmtDate(d: string) {
> >
<template #actions> <template #actions>
<UiButton variant="secondary" :disabled="pending" @click="refresh"> <UiButton variant="secondary" :disabled="pending" @click="refresh">
<template #leading><UiIcon name="chevDown" :size="13" /></template> <template #leading><UiIcon name="refresh" :size="13" /></template>
Refresh Refresh
</UiButton> </UiButton>
<NuxtLink to="/tenants" class="primary-link"> <NuxtLink to="/tenants" class="primary-link">
apps/operator/pages/infrastructure.vue
+1 -1
View File
@@ -62,7 +62,7 @@ function label(p: ProbeResult) {
> >
<template #actions> <template #actions>
<UiButton variant="secondary" :disabled="pending" @click="refresh()"> <UiButton variant="secondary" :disabled="pending" @click="refresh()">
<template #leading><UiIcon name="chevDown" :size="13" /></template> <template #leading><UiIcon name="refresh" :size="13" /></template>
Refresh Refresh
</UiButton> </UiButton>
</template> </template>
apps/operator/pages/operator-team.vue
+1 -1
View File
@@ -38,7 +38,7 @@ async function onInvited() {
> >
<template #actions> <template #actions>
<UiButton variant="secondary" :disabled="pending" @click="refresh()"> <UiButton variant="secondary" :disabled="pending" @click="refresh()">
<template #leading><UiIcon name="chevDown" :size="13" /></template> <template #leading><UiIcon name="refresh" :size="13" /></template>
Refresh Refresh
</UiButton> </UiButton>
<a href="https://auth.dezky.local/if/admin/" target="_blank" rel="noopener" class="link"> <a href="https://auth.dezky.local/if/admin/" target="_blank" rel="noopener" class="link">
apps/operator/pages/partners/index.vue
+1 -1
View File
@@ -79,7 +79,7 @@ async function submitCreate() {
> >
<template #actions> <template #actions>
<UiButton variant="secondary" :disabled="pending" @click="refresh()"> <UiButton variant="secondary" :disabled="pending" @click="refresh()">
<template #leading><UiIcon name="chevDown" :size="13" /></template> <template #leading><UiIcon name="refresh" :size="13" /></template>
Refresh Refresh
</UiButton> </UiButton>
<UiButton variant="primary" @click="openCreate"> <UiButton variant="primary" @click="openCreate">
apps/operator/pages/tenants/index.vue
+1 -1
View File
@@ -47,7 +47,7 @@ function navTo(t: Tenant) {
> >
<template #actions> <template #actions>
<UiButton variant="secondary" :disabled="pending" @click="refresh()"> <UiButton variant="secondary" :disabled="pending" @click="refresh()">
<template #leading><UiIcon name="chevDown" :size="13" /></template> <template #leading><UiIcon name="refresh" :size="13" /></template>
Refresh Refresh
</UiButton> </UiButton>
<UiButton variant="primary"> <UiButton variant="primary">
apps/operator/pages/users.vue
+1 -1
View File
@@ -46,7 +46,7 @@ function lastSeen(u: PlatformUser) {
> >
<template #actions> <template #actions>
<UiButton variant="secondary" :disabled="pending" @click="refresh()"> <UiButton variant="secondary" :disabled="pending" @click="refresh()">
<template #leading><UiIcon name="chevDown" :size="13" /></template> <template #leading><UiIcon name="refresh" :size="13" /></template>
Refresh Refresh
</UiButton> </UiButton>
</template> </template>