From 073aade67fd71c1e966be21a9ab3f7e126a4bac0 Mon Sep 17 00:00:00 2001
From: Tonya <tonya@tokia.dev>
Date: Wed, 11 Sep 2024 15:48:13 +0100
Subject: [PATCH] feat: show item is archived in more places (#210)

---
 frontend/components/Item/Card.vue  | 7 ++++++-
 frontend/pages/item/[id]/index.vue | 4 ++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/components/Item/Card.vue b/frontend/components/Item/Card.vue
index b690530c..e95e2ea9 100644
--- a/frontend/components/Item/Card.vue
+++ b/frontend/components/Item/Card.vue
@@ -15,10 +15,14 @@
     <div class="col-span-4 flex grow flex-col gap-y-1 rounded-b bg-base-100 p-4 pt-2">
       <h2 class="line-clamp-2 text-ellipsis text-lg font-bold">{{ item.name }}</h2>
       <div class="divider my-0"></div>
-      <div class="flex justify-between gap-2">
+      <div class="flex gap-2">
         <div v-if="item.insured" class="tooltip z-10" data-tip="Insured">
           <MdiShieldCheck class="size-5 text-primary" />
         </div>
+        <div v-if="item.archived" class="tooltip z-10" data-tip="Archived">
+          <MdiArchive class="size-5 text-red-700" />
+        </div>
+        <div class="grow"></div>
         <div class="tooltip" data-tip="Quantity">
           <span class="badge badge-primary badge-sm size-5 text-xs">
             {{ item.quantity }}
@@ -36,6 +40,7 @@
 <script setup lang="ts">
   import type { ItemOut, ItemSummary } from "~~/lib/api/types/data-contracts";
   import MdiShieldCheck from "~icons/mdi/shield-check";
+  import MdiArchive from "~icons/mdi/archive";
 
   const api = useUserApi();
 
diff --git a/frontend/pages/item/[id]/index.vue b/frontend/pages/item/[id]/index.vue
index fc4b901e..e3fecc71 100644
--- a/frontend/pages/item/[id]/index.vue
+++ b/frontend/pages/item/[id]/index.vue
@@ -176,6 +176,10 @@
         name: "Insured",
         text: item.value?.insured ? "Yes" : "No",
       },
+      {
+        name: "Archived",
+        text: item.value?.archived ? "Yes" : "No",
+      },
       {
         name: "Notes",
         type: "markdown",