From 4fc156b744db1ed39e2508477ca200701730042e Mon Sep 17 00:00:00 2001
From: smolgrrr <smolgrrr@protonmail.com>
Date: Sat, 4 Nov 2023 00:22:24 +1100
Subject: [PATCH] quick fix image upload sizing

---
 client/src/components/PostCard/NewThreadCard.tsx | 16 ++++++++--------
 client/src/components/Thread/ThreadPost.tsx      | 16 ++++++++--------
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/client/src/components/PostCard/NewThreadCard.tsx b/client/src/components/PostCard/NewThreadCard.tsx
index f23e0cf..6a3b14c 100644
--- a/client/src/components/PostCard/NewThreadCard.tsx
+++ b/client/src/components/PostCard/NewThreadCard.tsx
@@ -127,6 +127,14 @@ const NewThreadCard: React.FC = () => {
           value={comment}
           onChange={(e) => setComment(e.target.value)}
         />
+        <div className="relative">
+          {file !== "" && (
+            <button onClick={() => setFile("")}>
+              <XCircleIcon className="h-10 w-10 absolute shadow z-100 text-blue-500" />
+            </button>
+          )}
+          {renderMedia(file)}
+        </div>
         <div className="h-14 flex items-center justify-between">
           <div className="inline-flex items-center gap-2 bg-neutral-800 px-1.5 py-1 rounded-lg">
             <div className="inline-flex items-center gap-1.5 text-neutral-300">
@@ -137,14 +145,6 @@ const NewThreadCard: React.FC = () => {
             </p>
           </div>
           <div>
-            <div className="relative">
-              {file !== "" && (
-                <button onClick={() => setFile("")}>
-                  <XCircleIcon className="h-10 w-10 absolute shadow z-100 text-blue-500" />
-                </button>
-              )}
-              {renderMedia(file)}
-            </div>
             <div className="flex items-center gap-4">
               <div className="flex items-center">
                 <ArrowUpTrayIcon
diff --git a/client/src/components/Thread/ThreadPost.tsx b/client/src/components/Thread/ThreadPost.tsx
index 603df87..27304b2 100644
--- a/client/src/components/Thread/ThreadPost.tsx
+++ b/client/src/components/Thread/ThreadPost.tsx
@@ -142,6 +142,14 @@ const ThreadPost = ({ OPEvent, state, type }: { OPEvent: NostrEvent, state: Bool
                                 onChange={(e) => setComment(e.target.value)}
                             />
                         </div>
+                        <div className="relative">
+                            {file !== "" && (
+                                <button onClick={() => setFile("")}>
+                                    <XCircleIcon className="h-10 w-10 absolute shadow z-100 text-blue-500" />
+                                </button>
+                            )}
+                            {renderMedia(file)}
+                        </div>
                         <div className="h-14 flex items-center justify-between">
                             <div className="inline-flex items-center gap-2 bg-neutral-800 px-1.5 py-1 rounded-lg">
                                 <div className="inline-flex items-center gap-1.5 text-neutral-300">
@@ -152,14 +160,6 @@ const ThreadPost = ({ OPEvent, state, type }: { OPEvent: NostrEvent, state: Bool
                                 </p>
                             </div>
                             <div>
-                                <div className="relative">
-                                    {file !== "" && (
-                                        <button onClick={() => setFile("")}>
-                                            <XCircleIcon className="h-10 w-10 absolute shadow z-100 text-blue-500" />
-                                        </button>
-                                    )}
-                                    {renderMedia(file)}
-                                </div>
                                 <div className="flex items-center gap-4">
                                     <div className="flex items-center">
                                         <ArrowUpTrayIcon