update for we-appet 0.15.0

holochain-apps · Mar 8, 2024 · b9c7eed · b9c7eed
1 parent 15b4de5
commit b9c7eed
Show file tree

Hide file tree

Showing 4 changed files with 53 additions and 32 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/ui/package.json b/ui/package.json
@@ -15,8 +15,8 @@
     "@holochain-open-dev/utils": "^0.16.4",
     "@holochain-syn/core": "^0.12.1",
     "@holochain/client": "^0.16.7",
-    "@lightningrodlabs/we-applet": "^0.15.0-alpha.4",
-    "@lightningrodlabs/we-elements": "^0.4.3",
+    "@lightningrodlabs/we-applet": "^0.15.0",
+    "@lightningrodlabs/we-elements": "^0.4.5",
     "@mdi/js": "^7.1.96",
     "@ts-stack/markdown": "^1.5.0",
     "lodash": "^4.17.21",
@@ -33,7 +33,7 @@
     "highlight.js": "^11.9.0"
   },
   "devDependencies": {
-    "@lightningrodlabs/we-dev-cli": "^0.10.5-alpha.6",
+    "@lightningrodlabs/we-dev-cli": "^0.10.5",
     "@sveltejs/vite-plugin-svelte": "^2.0.2",
     "@tsconfig/svelte": "^3.0.0",
     "bestzip": "^2.2.0",

diff --git a/ui/src/AboutDialog.svelte b/ui/src/AboutDialog.svelte
@@ -78,7 +78,7 @@
 </script>
 
 
-<sl-dialog label="KanDo!: UI v0.8.100 for DNA v0.8.0" bind:this={dialog} width={600} >
+<sl-dialog label="KanDo!: UI v0.8.101 for DNA v0.8.0" bind:this={dialog} width={600} >
     <div class="about">
         <p>KanDo! is a demonstration Holochain app built by the Holochain Foundation.</p>
         <p> <b>Developers:</b>

diff --git a/ui/src/AttachmentsList.svelte b/ui/src/AttachmentsList.svelte
@@ -16,18 +16,17 @@
   const { getStore } :any = getContext("store");
   let store: KanDoStore = getStore();
   let embedLink
-  let xxx: WeClient
 
 </script>
-{#if embedLink}
-<div class="embed modal">
-  {xxx.appletInfo}
+{#if embedLink>=0 && attachments.length>0}
   <wal-embed
+    class="embed"
     style="margin-top: 20px;"
-    we-client={xxx}
-    src={embedLink}
-  ></wal-embed>
-</div>
+    src={weaveUrlFromWal(hrlB64WithContextToRaw(attachments[embedLink]),false)}
+    closable
+    on:open-in-sidebar={() => embedLink = -1}
+    on:close={() => embedLink = -1}
+      ></wal-embed>
 {/if}
 <div class="attachments-list">
   {#each attachments as attachment, index}
@@ -43,9 +42,8 @@
           on:click={async (e)=>{
               e.stopPropagation()
               try {
-                embedLink = weaveUrlFromWal(hrlWithContext,false)
-                xxx = store.weClient
-                //await store.weClient.openHrl(hrlWithContext)
+//                embedLink = index
+                await store.weClient.openHrl(hrlWithContext)
               } catch(e) {
                 alert(`Error opening link: ${e}`)
               }
@@ -86,14 +84,8 @@
     border-radius:4px;
   }
   .embed {
-    width: 80%;
-    height: 80%;
-    background-color: white;
-    padding: 5px;
     position: fixed;
-    top: 99px;
-    border: solid 1px;
-    display: flex;
-    flex-direction: column;
+    top: 84px;
+    z-index: 100;
   }
 </style>