persist local exported canvas url

yosoyubik · Jul 17, 2021 · a60dd27 · a60dd27
1 parent 6fadcca
commit a60dd27
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 6 deletions.
diff --git a/ui/src/components/OptionsMenu.svelte b/ui/src/components/OptionsMenu.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import store, { leaveCanvas, makePublic } from '../store';
+  import store, { leaveCanvas, makePublic, updateImageURL } from '../store';
   import { PutObjectCommand } from '@aws-sdk/client-s3';
   import { getSignedUrl } from '@aws-sdk/s3-request-presigner';
   import copy from 'clipboard-copy';
@@ -125,9 +125,11 @@
         const { $metadata } = await $store.s3.client.send(params);
         if ($metadata.httpStatusCode === 200) {
           const signedUrl = await getSignedUrl($store.s3.client, params);
-          console.log(signedUrl);
           fileURL = signedUrl.split('?')[0];
-          $store.api.save(location, name, fileURL);
+          $store.api.save(location, name, fileURL).then(() => {
+            console.log('[image file saved]', signedUrl);
+            updateImageURL(location, name, fileURL);
+          });
         } else {
           console.log('error');
         }

diff --git a/ui/src/store.ts b/ui/src/store.ts
@@ -288,12 +288,19 @@ export function makePublic(name: string): void {
       };
     }
   );
+}
+
+export function updateImageURL(
+  location: string,
+  name: string,
+  url: string
+): void {
   update(
     ($store): StoreState => {
-      const canvas = `~${$store.ship}/${name}`;
+      const canvas = `${location}/${name}`;
+      $store.canvas[canvas].metadata.file = url;
       return {
-        ...$store,
-        name: canvas
+        ...$store
       };
     }
   );