Add inline ticket property dropdowns
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user