From 3e556dfa523b7d5d3f39294ca0736e56e9d47622 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Sun, 17 Mar 2024 08:53:14 -0600
Subject: [PATCH] move the "part of project" text in giving-details screen

---
 src/main.ts                 |  2 ++
 src/views/GiftedDetails.vue | 12 ++++++++----
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/main.ts b/src/main.ts
index ca8cf21..a99c82c 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -19,6 +19,7 @@ import {
   faBurst,
   faCalendar,
   faCamera,
+  faCheck,
   faChevronLeft,
   faChevronRight,
   faCircle,
@@ -78,6 +79,7 @@ library.add(
   faBurst,
   faCalendar,
   faCamera,
+  faCheck,
   faChevronLeft,
   faChevronRight,
   faCircle,
diff --git a/src/views/GiftedDetails.vue b/src/views/GiftedDetails.vue
index 570d411..a58731f 100644
--- a/src/views/GiftedDetails.vue
+++ b/src/views/GiftedDetails.vue
@@ -51,10 +51,6 @@
       </div>
     </div>
 
-    <div v-if="projectId" class="flex justify-center mt-2">
-      <label class="text-sm">This is given to a project</label>
-    </div>
-
     <div class="flex justify-center mt-4">
       <span v-if="imageUrl" class="flex justify-between">
         <a :href="imageUrl" target="_blank" class="text-blue-500 ml-4">
@@ -76,6 +72,14 @@
     </div>
     <GiftedPhotoDialog ref="photoDialog" />
 
+    <div v-if="projectId" class="mt-4">
+      <fa
+        icon="check"
+        class="bg-slate-500 text-white h-5 w-5 px-0.5 py-0.5 mr-2 rounded"
+      />
+      <label class="text-sm">This is given to a project</label>
+    </div>
+
     <div v-if="!projectId" class="mt-4">
       <input type="checkbox" class="h-6 w-6 mr-2" v-model="givenToUser" />
       <label class="text-sm">Given to you</label>