Fix: removed links and elements

- Removed links from icons and giver name
- Removed confirm button
- Lint fixes

src/components/ActivityListItem.vue

@@ -12,21 +12,16 @@
 
     <div class="bg-slate-100 rounded-t-md border border-slate-300 p-3 sm:p-4">
       <div class="flex items-center gap-2 mb-6">
-        <a href=""
-          ><img
-            src="https://a.fsdn.com/con/app/proj/identicons/screenshots/225506.jpg"
-            class="size-8 object-cover rounded-full"
-        /></a>
+        <img
+          src="https://a.fsdn.com/con/app/proj/identicons/screenshots/225506.jpg"
+          class="size-8 object-cover rounded-full"
+        />
 
         <div>
           <h3 class="font-semibold">
-            <a href="" class="hover:underline">
-              {{
-                record.giver.known
-                  ? record.giver.displayName
-                  : "Anonymous Giver"
-              }}
-            </a>
+            {{
+              record.giver.known ? record.giver.displayName : "Anonymous Giver"
+            }}
           </h3>
           <p class="ms-auto text-xs text-slate-500 italic">
             {{ friendlyDate }}
@@ -55,8 +50,7 @@
 
       <div class="relative flex justify-between gap-4 max-w-lg mx-auto mb-5">
         <!-- Source -->
-        <a
-          href=""
+        <div
           class="w-28 sm:w-40 text-center bg-white border border-slate-200 rounded p-2 sm:p-3"
         >
           <div class="relative w-fit mx-auto">
@@ -103,7 +97,7 @@
             />
             {{ record.giver.displayName }}
           </div>
-        </a>
+        </div>
 
         <!-- Arrow -->
         <div
@@ -125,8 +119,7 @@
         </div>
 
         <!-- Destination -->
-        <a
-          href=""
+        <div
           class="w-28 sm:w-40 text-center bg-white border border-slate-200 rounded p-2 sm:p-3"
         >
           <div class="relative w-fit mx-auto">
@@ -173,7 +166,7 @@
             />
             {{ record.receiver.displayName }}
           </div>
-        </a>
+        </div>
       </div>
 
       <!-- Description -->
@@ -191,18 +184,6 @@
       <a @click="$emit('loadClaim', record.jwtId)" class="cursor-pointer">
         <fa icon="circle-info" class="fa-fw text-slate-500" />
       </a>
-      <button
-        @click="handleConfirmClick"
-        :disabled="!canConfirm"
-        class="text-sm text-white px-3 py-1.5 ms-auto rounded-md"
-        :class="[
-          canConfirm
-            ? 'bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)]'
-            : 'bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] opacity-50',
-        ]"
-      >
-        Confirm
-      </button>
     </div>
   </li>
 </template>
@@ -229,8 +210,9 @@ export default class ActivityListItem extends Vue {
   @Prop() confirmerIdList?: string[];
 
   get fetchAmount(): string {
-    const claim = (this.record.fullClaim as unknown).claim || this.record.fullClaim;
-  
+    const claim =
+      (this.record.fullClaim as unknown).claim || this.record.fullClaim;
+
     const amount = claim.object?.amountOfThisGood
       ? this.displayAmount(claim.object.unitCode, claim.object.amountOfThisGood)
       : "";
@@ -288,7 +270,7 @@ export default class ActivityListItem extends Vue {
   get description(): string {
     const claim =
       (this.record.fullClaim as unknown).claim || this.record.fullClaim;
-    
+
     if (!claim.description) {
       return "something not described";
     }