fix display of gives on contact screen; adjust give UI for project

project.task.yaml

@@ -24,6 +24,7 @@ tasks:
 
 - 24 Move to Vite
 
+- .5 add link to further project / people when a project pays ahead
 - .5 add project ID to the URL, to make a project publicly-accessible
 - .5 remove edit from project page for projects owned by others
 - .5 fix where user 0 sees no txns from user 1 on contacts page but sees them on list page

src/views/ContactsView.vue

@@ -135,7 +135,7 @@
               <fa icon="trash-can" class="fa-fw" />
             </button>
 
-            <div v-if="!showGiveNumbers" class="ml-auto flex gap-1.5">
+            <div v-if="showGiveNumbers" class="ml-auto flex gap-1.5">
               <button
                 class="text-sm uppercase bg-blue-600 text-white px-2 py-1.5 rounded-md"
                 @click="onClickAddGive(activeDid, contact.did)"

src/views/ProjectViewView.vue

@@ -93,7 +93,7 @@
         <h1 class="text-xl">Given to this Project</h1>
       </div>
       <div>
-        <h1 class="text-xl">... and from this Project</h1>
+        <h1 class="text-xl">... and paid forward from this Project</h1>
       </div>
     </div>
     <div class="flex justify-around">
@@ -108,7 +108,8 @@
                 }}</span>
               </div>
               <div class="flex gap-2" v-if="give.amount">
-                <fa icon="coins" class="fa-fw text-slate-400"></fa>
+                <fa icon="clock" v-if="give.unit === 'HUR'" class="fa-fw text-slate-400"></fa>
+                <fa icon="coins" v-else class="fa-fw text-slate-400"></fa>
                 <span>{{ give.amount }}</span>
               </div>
               <div class="flex gap-2" v-if="give.description">
@@ -130,7 +131,8 @@
                 }}</span>
               </div>
               <div class="flex gap-2" v-if="give.amount">
-                <fa icon="coins" class="fa-fw text-slate-400"></fa>
+                <fa icon="clock" v-if="give.unit === 'HUR'" class="fa-fw text-slate-400"></fa>
+                <fa icon="coins" v-else class="fa-fw text-slate-400"></fa>
                 <span>{{ give.amount }}</span>
               </div>
               <div class="flex gap-2">