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, Pencil } from 'lucide-vue-next';
import { CircleAlert, Pencil } from 'lucide-vue-next';
import { nextTick, ref } from 'vue';
import type {
InlineTextEditorEmits,
@@ -181,25 +181,13 @@ const displayValue = (): string => {
</div>
<div
v-if="saveState !== 'idle' || error"
v-if="saveState === 'error' || error"
class="mt-1 flex items-center gap-1.5 text-[11px]"
>
<template v-if="saveState === 'saving'">
<LoaderCircle
class="text-muted-foreground size-3 animate-spin"
/>
<span class="text-muted-foreground">Saving</span>
</template>
<template v-else-if="saveState === 'saved'">
<Check class="text-primary size-3" />
<span class="text-primary">Saved</span>
</template>
<template v-else-if="saveState === '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>
</div>
</template>