From f497c532946b60b011924416801c5645cea5111f Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Sat, 27 Jul 2024 18:38:52 -0600
Subject: [PATCH] hide the details of a claim by default

---
 src/views/ClaimView.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/views/ClaimView.vue b/src/views/ClaimView.vue
index 5f65b891b..11bd01127 100644
--- a/src/views/ClaimView.vue
+++ b/src/views/ClaimView.vue
@@ -383,8 +383,15 @@
       <span v-if="isEditedGlobalId" class="mt-2">
         This record is an edited version. The latest version is being shown.
       </span>
+
+      <button @click="showVeriClaimDump = !showVeriClaimDump" class="ml-2">
+        Details
+        <fa v-if="showVeriClaimDump" icon="chevron-up" class="text-blue-400" />
+        <fa v-else icon="chevron-down" class="text-blue-400" />
+      </button>
       <!-- Keep the dump contents directly between > and < to avoid weird spacing. -->
       <pre
+        v-if="showVeriClaimDump"
         class="text-sm overflow-x-scroll px-4 py-3 bg-slate-100 rounded-md"
         >{{ veriClaimDump }}</pre
       >
@@ -468,6 +475,7 @@ export default class ClaimView extends Vue {
   numConfsNotVisible = 0; // number of hidden DIDs in the confirmerIdList, minus the issuer if they aren't visible
   showDidCopy = false;
   showIdCopy = false;
+  showVeriClaimDump = false;
   veriClaim = serverUtil.BLANK_GENERIC_SERVER_RECORD;
   veriClaimDump = "";
   veriClaimDidsVisible = {};