From b6b3485225aaa0d73d46d5ccabc6047d06658d8b Mon Sep 17 00:00:00 2001
From: Kieran <kieran@harkin.me>
Date: Wed, 5 Apr 2023 12:06:07 +0100
Subject: [PATCH] Move toggle preview to advanced menu

---
 packages/app/src/Element/Modal.css       |  1 +
 packages/app/src/Element/NoteCreator.tsx | 13 ++++++++-----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/packages/app/src/Element/Modal.css b/packages/app/src/Element/Modal.css
index cbbeeca9..4ce97359 100644
--- a/packages/app/src/Element/Modal.css
+++ b/packages/app/src/Element/Modal.css
@@ -9,6 +9,7 @@
   justify-content: center;
   align-items: center;
   z-index: 42;
+  overflow-y: auto;
 }
 
 .modal-body {
diff --git a/packages/app/src/Element/NoteCreator.tsx b/packages/app/src/Element/NoteCreator.tsx
index 2383363b..34b65919 100644
--- a/packages/app/src/Element/NoteCreator.tsx
+++ b/packages/app/src/Element/NoteCreator.tsx
@@ -111,6 +111,9 @@ export function NoteCreator(props: NoteCreatorProps) {
   function cancel() {
     setShow(false);
     setNote("");
+    setShowAdvanced(false);
+    setPreview(undefined);
+    setZapForward("");
   }
 
   function onSubmit(ev: React.MouseEvent<HTMLButtonElement>) {
@@ -168,9 +171,6 @@ export function NoteCreator(props: NoteCreatorProps) {
             </div>
           )}
           <div className="note-creator-actions">
-            <button className="secondary" type="button" onClick={loadPreview}>
-              <FormattedMessage defaultMessage="Toggle Preview" />
-            </button>
             <button className="secondary" type="button" onClick={() => setShowAdvanced(s => !s)}>
               <FormattedMessage defaultMessage="Advanced" />
             </button>
@@ -182,7 +182,10 @@ export function NoteCreator(props: NoteCreatorProps) {
             </button>
           </div>
           {showAdvanced && (
-            <>
+            <div>
+              <button className="secondary" type="button" onClick={loadPreview}>
+                <FormattedMessage defaultMessage="Toggle Preview" />
+              </button>
               <h4>
                 <FormattedMessage defaultMessage="Forward Zaps" />
               </h4>
@@ -198,7 +201,7 @@ export function NoteCreator(props: NoteCreatorProps) {
                 value={zapForward}
                 onChange={e => setZapForward(e.target.value)}
               />
-            </>
+            </div>
           )}
         </Modal>
       )}