Move reimbursement items to separate component

2024-03-07 16:48:37 +01:00
parent bcdd033f34
commit 53f13e4a63
4 changed files with 55 additions and 48 deletions
@@ -0,0 +1,34 @@
+<li data-reimbursement-id={{@reimbursement.id}}
+    class="{{item-status @reimbursement}}">
+  <p class="meta">
+    <span class="recipient">
+      <UserAvatar @contributor={{@reimbursement.contributor}} />
+    </span>
+    <span class="title">
+      Expenses covered by {{@reimbursement.contributor.name}}
+    </span>
+  </p>
+  <p class="token-amount">
+    <span class="amount">
+      {{sats-to-btc @reimbursement.amount}}</span>&#8239;<span class="symbol">BTC</span>
+  </p>
+
+  <ExpenseList @expenses={{@reimbursement.expenses}} />
+
+  <div class="meta">
+    <p class="confirmation-eta">
+      <ConfirmedIn @confirmedAtBlock={{@reimbursement.confirmedAt}} />
+    </p>
+    <p class="actions">
+      <a href="{{this.ipfsGatewayUrl}}/{{@reimbursement.ipfsHash}}"
+         class="button small" target="_blank" rel="noopener noreferrer">
+        Inspect IPFS data
+      </a>
+      {{#if this.kredits.currentUserIsCore}}
+        <button {{on "click" (fn this.veto @reimbursement.id)}}
+                disabled={{@reimbursement.vetoed}}
+                class="button small danger" type="button">veto</button>
+      {{/if}}
+    </p>
+  </div>
+</li>