feat: add receipt support for attachments (#89)

* add receipt support for attachments

* fix show logic

frontend/lib/api/types/non-generated.ts

@@ -3,6 +3,7 @@ export enum AttachmentTypes {
   Manual = "manual",
   Warranty = "warranty",
   Attachment = "attachment",
+  Receipt = "receipt",
 }
 
 export type Result<T> = {

frontend/pages/item/[id]/edit.vue

@@ -190,6 +190,7 @@
   const dropAttachment = (files: File[] | null) => uploadAttachment(files, AttachmentTypes.Attachment);
   const dropWarranty = (files: File[] | null) => uploadAttachment(files, AttachmentTypes.Warranty);
   const dropManual = (files: File[] | null) => uploadAttachment(files, AttachmentTypes.Manual);
+  const dropReceipt = (files: File[] | null) => uploadAttachment(files, AttachmentTypes.Receipt);
 
   async function uploadAttachment(files: File[] | null, type: AttachmentTypes) {
     if (!files && files.length === 0) {
@@ -378,6 +379,7 @@
               <DropZone @drop="dropWarranty"> Warranty </DropZone>
               <DropZone @drop="dropManual"> Manual </DropZone>
               <DropZone @drop="dropAttachment"> Attachment </DropZone>
+              <DropZone @drop="dropReceipt"> Receipt </DropZone>
             </div>
             <button
               v-else

frontend/pages/item/[id]/index.vue

@@ -31,6 +31,7 @@
     attachments: ItemAttachment[];
     warranty: ItemAttachment[];
     manuals: ItemAttachment[];
+    receipts: ItemAttachment[];
   };
 
   const attachments = computed<FilteredAttachments>(() => {
@@ -40,6 +41,7 @@
         attachments: [],
         manuals: [],
         warranty: [],
+        receipts: [],
       };
     }
 
@@ -51,6 +53,8 @@
           acc.warranty.push(attachment);
         } else if (attachment.type === "manual") {
           acc.manuals.push(attachment);
+        } else if (attachment.type === "receipt") {
+          acc.receipts.push(attachment);
         } else {
           acc.attachments.push(attachment);
         }
@@ -61,6 +65,7 @@
         attachments: [] as ItemAttachment[],
         warranty: [] as ItemAttachment[],
         manuals: [] as ItemAttachment[],
+        receipts: [] as ItemAttachment[],
       }
     );
   });
@@ -103,7 +108,8 @@
       attachments.value.photos.length > 0 ||
       attachments.value.attachments.length > 0 ||
       attachments.value.warranty.length > 0 ||
-      attachments.value.manuals.length > 0
+      attachments.value.manuals.length > 0 ||
+      attachments.value.receipts.length > 0
     );
   });
 
@@ -134,6 +140,10 @@
       push("Manuals");
     }
 
+    if (attachments.value.receipts.length > 0) {
+      push("Receipts");
+    }
+
     return details;
   });
 
@@ -323,6 +333,13 @@
                 :item-id="item.id"
               />
             </template>
+            <template #receipts>
+              <ItemAttachmentsList
+                v-if="attachments.receipts.length > 0"
+                :attachments="attachments.receipts"
+                :item-id="item.id"
+              />
+            </template>
           </DetailsSection>
         </BaseCard>