From 241cd67552615e8a10e733e653f4554762fa3342 Mon Sep 17 00:00:00 2001
From: Anya Wallace <anya.wallace@alleninstitute.org>
Date: Tue, 26 Nov 2024 15:53:37 -0800
Subject: [PATCH] swap render order for clarity

---
 packages/core/components/Modal/EditMetadata/index.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/core/components/Modal/EditMetadata/index.tsx b/packages/core/components/Modal/EditMetadata/index.tsx
index 1a835e12..0ee57910 100644
--- a/packages/core/components/Modal/EditMetadata/index.tsx
+++ b/packages/core/components/Modal/EditMetadata/index.tsx
@@ -36,6 +36,11 @@ export default function EditMetadata({ onDismiss }: ModalProps) {
             body={
                 // Use styling instead of conditionals to persist rendered data
                 <>
+                    <EditMetadataForm
+                        className={classNames({ [styles.hidden]: showWarning })}
+                        onDismiss={onDismissWithWarning}
+                        onUnsavedChanges={setHasUnsavedChanges}
+                    />
                     <div className={classNames({ [styles.hidden]: !showWarning })}>
                         <p className={styles.warning}>
                             Some edits will not be completed and could cause inaccuracies. Are you
@@ -50,11 +55,6 @@ export default function EditMetadata({ onDismiss }: ModalProps) {
                             <PrimaryButton title="" text="Yes, Quit" onClick={onDismiss} />
                         </div>
                     </div>
-                    <EditMetadataForm
-                        className={classNames({ [styles.hidden]: showWarning })}
-                        onDismiss={onDismissWithWarning}
-                        onUnsavedChanges={setHasUnsavedChanges}
-                    />
                 </>
             }
             onDismiss={onDismissWithWarning}