From e543708b42d9cee0de843a4e3fcaebfadde81b25 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A2u=20Cao?= <raucao@kip.pe>
Date: Sat, 31 Dec 2022 12:20:59 +0700
Subject: [PATCH] Add IPFS inspect button to reimbursements

---
 app/components/reimbursement-list/component.js | 5 +++++
 app/components/reimbursement-list/template.hbs | 4 ++++
 2 files changed, 9 insertions(+)

diff --git a/app/components/reimbursement-list/component.js b/app/components/reimbursement-list/component.js
index cd04233..79c260d 100644
--- a/app/components/reimbursement-list/component.js
+++ b/app/components/reimbursement-list/component.js
@@ -2,6 +2,7 @@ import Component from '@glimmer/component';
 import { sort } from '@ember/object/computed';
 import { action } from '@ember/object';
 import { inject as service } from '@ember/service';
+import config from 'kredits-web/config/environment';
 
 export default class ReimbursementListComponent extends Component {
   @service kredits;
@@ -9,6 +10,10 @@ export default class ReimbursementListComponent extends Component {
   itemSorting = Object.freeze(['pendingStatus:asc', 'id:desc']);
   @sort('args.items', 'itemSorting') itemsSorted;
 
+  get ipfsGatewayUrl () {
+    return config.ipfs.gatewayUrl;
+  }
+
   @action
   veto (id) {
     this.kredits.vetoReimbursement(id).then(transaction => {
diff --git a/app/components/reimbursement-list/template.hbs b/app/components/reimbursement-list/template.hbs
index 368bc13..6e85150 100644
--- a/app/components/reimbursement-list/template.hbs
+++ b/app/components/reimbursement-list/template.hbs
@@ -32,6 +32,10 @@
       </ul>
       {{#if this.kredits.currentUserIsCore}}
         <p>
+          <a href="{{this.ipfsGatewayUrl}}/{{reimbursement.ipfsHash}}"
+             class="button small" target="_blank" rel="noopener noreferrer">
+            Inspect IPFS data
+          </a>
           <button {{on "click" (fn this.veto reimbursement.id)}}
                   disabled={{reimbursement.vetoed}}
                   class="button small danger">veto</button>