From 884df78d90221a52cb6343b699578ef9a8303ea3 Mon Sep 17 00:00:00 2001
From: Lulox <lulox.eth@protonmail.com>
Date: Tue, 15 Oct 2024 14:55:54 -0300
Subject: [PATCH] UI improvements

---
 .../app/profile/_components/ProfilePictureUpload.tsx  | 11 -----------
 .../app/profile/_components/_bookmarked/PostCard.tsx  |  2 +-
 .../app/profile/_components/_bought/PostCard.tsx      |  2 +-
 packages/nextjs/components/punk-society/PostCard.tsx  |  2 +-
 4 files changed, 3 insertions(+), 14 deletions(-)

diff --git a/packages/nextjs/app/profile/_components/ProfilePictureUpload.tsx b/packages/nextjs/app/profile/_components/ProfilePictureUpload.tsx
index 99ef22c..2f09c7a 100644
--- a/packages/nextjs/app/profile/_components/ProfilePictureUpload.tsx
+++ b/packages/nextjs/app/profile/_components/ProfilePictureUpload.tsx
@@ -21,7 +21,6 @@ const ProfilePictureUpload: React.FC<ProfilePictureUploadProps> = ({
   const [previewImage, setPreviewImage] = useState<string>("");
   const [dragActive, setDragActive] = useState(false);
   const [loading, setLoading] = useState(false);
-  const [hovered, setHovered] = useState(false);
 
   useEffect(() => {
     if (profilePicture) {
@@ -90,8 +89,6 @@ const ProfilePictureUpload: React.FC<ProfilePictureUploadProps> = ({
       onDragOver={handleDragOver}
       onDragLeave={handleDragLeave}
       onDrop={handleDrop}
-      onMouseEnter={() => setHovered(true)}
-      onMouseLeave={() => setHovered(false)}
     >
       <input
         type="file"
@@ -140,14 +137,6 @@ const ProfilePictureUpload: React.FC<ProfilePictureUploadProps> = ({
           height={128}
         />
       )}
-      {hovered && previewImage && (
-        <button
-          className="absolute top-5 right-5 bg-red-500 text-white w-6 h-6 flex items-center justify-center rounded-full"
-          onClick={handleRemoveImage}
-        >
-          ✕
-        </button>
-      )}
       {loading && (
         <div className="absolute inset-0 flex items-center justify-center bg-gray-700 bg-opacity-75 text-white">
           Uploading...
diff --git a/packages/nextjs/app/profile/_components/_bookmarked/PostCard.tsx b/packages/nextjs/app/profile/_components/_bookmarked/PostCard.tsx
index 29bd06e..48c48b3 100644
--- a/packages/nextjs/app/profile/_components/_bookmarked/PostCard.tsx
+++ b/packages/nextjs/app/profile/_components/_bookmarked/PostCard.tsx
@@ -151,7 +151,7 @@ export const PostCard = ({ post }: { post: Post }) => {
                   src={post.image || "/path/to/default/image.png"}
                   alt="NFT Image"
                   className="w-full h-auto rounded-lg object-cover"
-                  layout="responsive"
+                  // layout="responsive"
                   width={800} // Adjust this to the desired fullscreen width
                   height={800} // Adjust this to maintain the aspect ratio of the image
                 />
diff --git a/packages/nextjs/app/profile/_components/_bought/PostCard.tsx b/packages/nextjs/app/profile/_components/_bought/PostCard.tsx
index f400bce..deada59 100644
--- a/packages/nextjs/app/profile/_components/_bought/PostCard.tsx
+++ b/packages/nextjs/app/profile/_components/_bought/PostCard.tsx
@@ -83,7 +83,7 @@ export const PostCard = ({ post }: { post: Post }) => {
                   src={post.image || "/path/to/default/image.png"}
                   alt="NFT Image"
                   className="w-full h-auto rounded-lg object-cover"
-                  layout="responsive"
+                  // layout="responsive"
                   width={800} // Adjust this to the desired fullscreen width
                   height={800} // Adjust this to maintain the aspect ratio of the image
                 />
diff --git a/packages/nextjs/components/punk-society/PostCard.tsx b/packages/nextjs/components/punk-society/PostCard.tsx
index a5a18f6..5e04481 100644
--- a/packages/nextjs/components/punk-society/PostCard.tsx
+++ b/packages/nextjs/components/punk-society/PostCard.tsx
@@ -142,7 +142,7 @@ export const PostCard = ({ post }: { post: Post }) => {
                   src={post.image || "/path/to/default/image.png"}
                   alt="NFT Image"
                   className="w-full h-auto rounded-lg object-cover"
-                  layout="responsive"
+                  // layout="responsive"
                   width={800} // Adjust this to the desired fullscreen width
                   height={800} // Adjust this to maintain the aspect ratio of the image
                 />