Add inline ticket property dropdowns

This commit is contained in:
2026-07-18 20:29:24 +02:00
parent 021acb9cf7
commit 84655b1e79
13 changed files with 393 additions and 151 deletions
@@ -1,5 +1,5 @@
<script setup lang="ts">
import { Check, CircleAlert, LoaderCircle } from 'lucide-vue-next';
import { CircleAlert } from 'lucide-vue-next';
import type { InlineSaveStatusProps } from '@/types';
withDefaults(defineProps<InlineSaveStatusProps>(), {
@@ -9,22 +9,10 @@ withDefaults(defineProps<InlineSaveStatusProps>(), {
<template>
<div
v-if="state !== 'idle' || error"
v-if="state === 'error' || error"
class="flex items-center gap-1.5 pt-1 text-[11px]"
>
<template v-if="state === 'saving'">
<LoaderCircle class="text-muted-foreground size-3 animate-spin" />
<span class="text-muted-foreground">Saving</span>
</template>
<template v-else-if="state === 'saved'">
<Check class="text-primary size-3" />
<span class="text-primary">Saved</span>
</template>
<template v-else-if="state === 'error' || error">
<CircleAlert class="text-destructive size-3" />
<span class="text-destructive">{{
error || 'Could not save.'
}}</span>
</template>
<CircleAlert class="text-destructive size-3" />
<span class="text-destructive">{{ error || 'Could not save.' }}</span>
</div>
</template>