work on customer editor #6

resources/js/components/documents/InvoiceDialog.vue

@@ -24,7 +24,7 @@ import { Input } from '@/components/ui/input';
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, } from '@/components/ui/dropdown-menu'
 import { StatusBadge, statusBadgeLabels } from '@/components/ui/status-badge'
 import LineItemTable from '@/components/documents/LineItemTable.vue'
-import { Eye, FileText, Trash2, BookUser, User, CodeXml, MessageCircleQuestion, Loader2, Ellipsis, Check, FileCheck, Ban } from "lucide-vue-next"
+import { Eye, FileText, Trash2, BookUser, User, CodeXml, MessageCircleQuestion, Loader2, Ellipsis, Check, FileCheck, Ban, Logs } from "lucide-vue-next"
 import { alertStore } from "@/stores/alertStore"
 import { GrowingTextarea } from '../ui/growing-textarea'
 import { toast } from "vue-sonner"
@@ -478,7 +478,7 @@ const updateLineItems = (newItems: LineItem[]) => {
             class="sm:max-w-[min((100%-2rem),1152px)] grid-rows-[auto_minmax(0,1fr)_auto] h-[calc(100dvh-2rem)] gap-0 p-0 outline-none"
             @escapeKeyDown="cancel" @interactOutside="cancel">
 
-            <DialogHeader class="p-4 md:p-6 lg:p-12 pb-0 md:pb-2 lg:pb-8 flex flex-row items-start gap-6">
+            <DialogHeader class="p-4 md:p-6 lg:p-12 pb-0 md:pb-2 lg:pb-8 flex flex-row items-start gap-12">
 
                 <div class="flex flex-col grow">
                     <DialogTitle class="text-primary-foreground font-bold text-left">
@@ -545,7 +545,7 @@ const updateLineItems = (newItems: LineItem[]) => {
 
 
                         <!-- Ellipsis menu -->
-                        <DropdownMenu>
+                        <DropdownMenu v-if="invoice && invoice.id > 0">
                             <DropdownMenuTrigger>
                                 <Button variant="ghost" size="sm" class="px-0! w-7 ml-2">
                                     <Ellipsis class="size-4" stroke-width="1.5" />
@@ -595,6 +595,17 @@ const updateLineItems = (newItems: LineItem[]) => {
                                         </div>
                                     </div>
                                 </DropdownMenuItem>
+                                
+                                <DropdownMenuSeparator />
+
+                                <!-- Audit -->
+                                <DropdownMenuItem v-if="invoice && invoice.paymentStatus != 'draft'"
+                                    class="flex justify-between" @click="" disabled>
+                                    <div class="flex items-center gap-3">
+                                        <Logs stroke-width="1.5" class="text-muted-foreground" />
+                                        <span>Audit</span>
+                                    </div>
+                                </DropdownMenuItem>
 
                                 <DropdownMenuSeparator />