Redesign ticket details with inline editing

2026-07-18 19:50:50 +02:00
parent 5f917e93eb
commit 8c70d094b8
11 changed files with 2712 additions and 1244 deletions
@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import { Check, CircleAlert, LoaderCircle } from 'lucide-vue-next';
+import type { InlineSaveStatusProps } from '@/types';
+
+withDefaults(defineProps<InlineSaveStatusProps>(), {
+    error: '',
+});
+</script>
+
+<template>
+    <div
+        v-if="state !== 'idle' || 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>
+    </div>
+</template>