From a60dd272c17999eedcf9631471502870584b3b06 Mon Sep 17 00:00:00 2001
From: yosoyubik <yosoyubik@gmail.com>
Date: Sat, 17 Jul 2021 20:24:02 +0200
Subject: [PATCH] persist local exported canvas url

---
 ui/src/components/OptionsMenu.svelte |  8 +++++---
 ui/src/store.ts                      | 13 ++++++++++---
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/ui/src/components/OptionsMenu.svelte b/ui/src/components/OptionsMenu.svelte
index 8bcde52..806e40a 100644
--- 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
index 9ea5c42..48f3f68 100644
--- 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
       };
     }
   );