From 099d9df78d1eda6c3cd606fa7653ed01752a2192 Mon Sep 17 00:00:00 2001
From: Michael Taylor <mtaylor@michaeltaylor.dev>
Date: Thu, 31 Oct 2024 16:49:47 -0400
Subject: [PATCH] chore: update sdk

---
 package-lock.json      |  8 ++++----
 package.json           |  2 +-
 src/views/indexView.ts | 27 +++++++++++++++++++++------
 3 files changed, 26 insertions(+), 11 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 4d14631..7c95696 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,7 +10,7 @@
       "license": "ISC",
       "dependencies": {
         "@dignetwork/datalayer-driver": "^0.1.28",
-        "@dignetwork/dig-sdk": "^0.0.1-alpha.180",
+        "@dignetwork/dig-sdk": "^0.0.1-alpha.181",
         "add": "^2.0.6",
         "cheerio": "^1.0.0",
         "cookie-parser": "^1.4.6",
@@ -247,9 +247,9 @@
       }
     },
     "node_modules/@dignetwork/dig-sdk": {
-      "version": "0.0.1-alpha.180",
-      "resolved": "https://registry.npmjs.org/@dignetwork/dig-sdk/-/dig-sdk-0.0.1-alpha.180.tgz",
-      "integrity": "sha512-Uzntb7KzhkAauFyRlsMMhSw5NH83x2RjY/jM2dtsT/kpobG+YhQc1+cvIjTLtQVGOewAdHvtfS4LVYfkEXZVIw==",
+      "version": "0.0.1-alpha.181",
+      "resolved": "https://registry.npmjs.org/@dignetwork/dig-sdk/-/dig-sdk-0.0.1-alpha.181.tgz",
+      "integrity": "sha512-aN2tqowKqiDgk9kcri2vgzf1gNXcVjG4kPYq7wrMuZbNTJeuRe8+y224AXn/p9Myz+lSAxys+An3mtj1FjdO1A==",
       "dependencies": {
         "@dignetwork/datalayer-driver": "^0.1.29",
         "@dignetwork/dig-sdk": "^0.0.1-alpha.158",
diff --git a/package.json b/package.json
index 0fd69eb..d01d0d9 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
   ],
   "dependencies": {
     "@dignetwork/datalayer-driver": "^0.1.28",
-    "@dignetwork/dig-sdk": "^0.0.1-alpha.180",
+    "@dignetwork/dig-sdk": "^0.0.1-alpha.181",
     "add": "^2.0.6",
     "cheerio": "^1.0.0",
     "cookie-parser": "^1.4.6",
diff --git a/src/views/indexView.ts b/src/views/indexView.ts
index 9c0304f..9219cdb 100644
--- a/src/views/indexView.ts
+++ b/src/views/indexView.ts
@@ -7,7 +7,6 @@ export const renderIndexView = (
   formattedBytes: string,
   host: string
 ) => {
-
   const urn = udi.toUrn();
   const isSyncing = !state; // Check if state is null
   const toastId = `toast-${urn}`; // Unique ID for the toast
@@ -17,11 +16,19 @@ export const renderIndexView = (
       <div style="display: flex; justify-content: space-between; align-items: center;">
         <div style="max-width: 70%;">
           <h2 style="margin: 0; font-size: 1.5em; color: #333;">
-            ${isSyncing ? "Syncing..." : (state.metadata.label || "No Label")}
-            ${isSyncing ? '<span class="spinner" style="display: inline-block; width: 16px; height: 16px; border: 2px solid #007BFF; border-radius: 50%; border-top: 2px solid transparent; animation: spin 1s linear infinite;"></span>' : ""}
+            ${isSyncing ? "Syncing..." : state.metadata.label || "No Label"}
+            ${
+              isSyncing
+                ? '<span class="spinner" style="display: inline-block; width: 16px; height: 16px; border: 2px solid #007BFF; border-radius: 50%; border-top: 2px solid transparent; animation: spin 1s linear infinite;"></span>'
+                : ""
+            }
           </h2>
           <p style="margin: 5px 0 10px 0; color: #777;">
-            ${isSyncing ? "Syncing data, please wait..." : (state.metadata.description || "No Description Available")}
+            ${
+              isSyncing
+                ? "Syncing data, please wait..."
+                : state.metadata.description || "No Description Available"
+            }
           </p>
           <p style="margin: 0; font-size: 0.9em; color: #555;">
             Store: <a href="/${urn}" style="color: #007BFF; text-decoration: none;">${urn}</a>
@@ -30,14 +37,22 @@ export const renderIndexView = (
                 <path d="M20.9983 10C20.9862 7.82497 20.8897 6.64706 20.1213 5.87868C19.2426 5 17.8284 5 15 5H12C9.17157 5 7.75736 5 6.87868 5.87868C6 6.75736 6 8.17157 6 11V16C6 18.8284 6 20.2426 6.87868 21.1213C7.75736 22 9.17157 22 12 22H15C17.8284 22 19.2426 22 20.1213 21.1213C21 20.2426 21 18.8284 21 16V15" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"/>
                 <path d="M3 10V16C3 17.6569 4.34315 19 6 19M18 5C18 3.34315 16.6569 2 15 2H11C7.22876 2 5.34315 2 4.17157 3.17157C3.51839 3.82475 3.22937 4.69989 3.10149 6" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"/>
               </svg>
-              <a href="//${udi.chainName}.${udi.storeIdBase32}.${host}">View as Webapp</a>
+              <div>
+              <a href="//${udi.chainName}.${
+    udi.storeIdBase32
+  }.${host}">View as Webapp</a>
+              </div>
             </span>
           </p>
         </div>
         <div style="text-align: right; min-width: 100px;">
           <p style="margin: 0; font-size: 1.2em; color: #333;">
             ${isSyncing ? "Syncing..." : formattedBytes}
-            ${isSyncing ? '<span class="spinner" style="display: inline-block; width: 16px; height: 16px; border: 2px solid #007BFF; border-radius: 50%; border-top: 2px solid transparent; animation: spin 1s linear infinite;"></span>' : ""}
+            ${
+              isSyncing
+                ? '<span class="spinner" style="display: inline-block; width: 16px; height: 16px; border: 2px solid #007BFF; border-radius: 50%; border-top: 2px solid transparent; animation: spin 1s linear infinite;"></span>'
+                : ""
+            }
           </p>
         </div>
       </div>