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 = ({ const [previewImage, setPreviewImage] = useState(""); 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 = ({ onDragOver={handleDragOver} onDragLeave={handleDragLeave} onDrop={handleDrop} - onMouseEnter={() => setHovered(true)} - onMouseLeave={() => setHovered(false)} > = ({ height={128} /> )} - {hovered && previewImage && ( - - )} {loading && (
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 />