From 8d72a9104afdc3f64c0cc524cdec1ce4c3d12154 Mon Sep 17 00:00:00 2001
From: Sinclair Chen <abc.sinclair@gmail.com>
Date: Tue, 26 Jul 2022 07:20:39 -0700
Subject: [PATCH] Move "uploading image" message inside editor toolbar

---
 web/components/editor.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/web/components/editor.tsx b/web/components/editor.tsx
index 963cea7e..7904b93f 100644
--- a/web/components/editor.tsx
+++ b/web/components/editor.tsx
@@ -181,13 +181,17 @@ export function TextEditor(props: {
                 <span className="sr-only">Embed an iframe</span>
               </button>
             </div>
+            {upload.isLoading && (
+              <span className="text-xs">Uploading image...</span>
+            )}
+            {upload.isError && (
+              <span className="text-error text-xs">
+                Error uploading image :(
+              </span>
+            )}
           </div>
         </div>
       </div>
-      {upload.isLoading && <span className="text-xs">Uploading image...</span>}
-      {upload.isError && (
-        <span className="text-error text-xs">Error uploading image :(</span>
-      )}
     </>
   )
 }