From 783172fb59651ff8f6611941a0b62659a9df7635 Mon Sep 17 00:00:00 2001
From: Damien Elmes <gpg@ankiweb.net>
Date: Tue, 19 Sep 2023 14:19:51 +1000
Subject: [PATCH] Fix "Add" button showing when editing I/O note; hide toast

---
 ts/image-occlusion/ImageOcclusionPage.svelte | 2 +-
 ts/image-occlusion/StickyFooter.svelte       | 4 +++-
 ts/image-occlusion/Toast.svelte              | 2 +-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/ts/image-occlusion/ImageOcclusionPage.svelte b/ts/image-occlusion/ImageOcclusionPage.svelte
index c285482b5..c35507391 100644
--- a/ts/image-occlusion/ImageOcclusionPage.svelte
+++ b/ts/image-occlusion/ImageOcclusionPage.svelte
@@ -49,7 +49,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         <Notes />
     </div>
 
-    <StickyFooter {addNote} />
+    <StickyFooter {mode} {addNote} />
 </Container>
 
 <style lang="scss">
diff --git a/ts/image-occlusion/StickyFooter.svelte b/ts/image-occlusion/StickyFooter.svelte
index 0956a2c7d..40db4c350 100644
--- a/ts/image-occlusion/StickyFooter.svelte
+++ b/ts/image-occlusion/StickyFooter.svelte
@@ -7,7 +7,9 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
     import ButtonGroup from "../components/ButtonGroup.svelte";
     import LabelButton from "../components/LabelButton.svelte";
+    import type { IOMode } from "./lib";
 
+    export let mode: IOMode;
     export let addNote: () => void;
 </script>
 
@@ -20,7 +22,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
             on:click={addNote}
             class=" bottom-btn"
         >
-            {tr.actionsAdd()}
+            {mode.kind === "add" ? tr.actionsAdd() : tr.importingUpdate()}
         </LabelButton>
     </ButtonGroup>
 </div>
diff --git a/ts/image-occlusion/Toast.svelte b/ts/image-occlusion/Toast.svelte
index df263122d..21d5abeb5 100644
--- a/ts/image-occlusion/Toast.svelte
+++ b/ts/image-occlusion/Toast.svelte
@@ -15,7 +15,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 </script>
 
 {#if showToast}
-    <div class="toast-container">
+    <div class="toast-container desktop-only">
         <div class="toast {type === 'success' ? 'success' : 'error'}">
             {message}
             <IconButton iconSize={96} on:click={closeToast} class="toast-icon">