From f93d76a790c59cafc50f4038c7ad417b68679b65 Mon Sep 17 00:00:00 2001
From: Shubham-Lal <im.shubhamlal@gmail.com>
Date: Tue, 23 Jul 2024 21:35:17 +0530
Subject: [PATCH] fix: image not shown after auth

---
 client/src/components/modal/auth/signup-tab.tsx | 1 +
 client/src/components/sidebar/profile.tsx       | 4 ++--
 client/src/pages/auth/index.tsx                 | 2 --
 client/src/pages/create-debate/index.tsx        | 2 +-
 4 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/client/src/components/modal/auth/signup-tab.tsx b/client/src/components/modal/auth/signup-tab.tsx
index 0b40101..d4c760f 100644
--- a/client/src/components/modal/auth/signup-tab.tsx
+++ b/client/src/components/modal/auth/signup-tab.tsx
@@ -149,6 +149,7 @@ const SignupTab: React.FC<RegisterDataProps> = ({ registerData, setRegisterData
                             typeof registerData.avatar === 'string' ? (
                                 <img
                                     src={registerData.avatar}
+                                    referrerPolicy='no-referrer'
                                     alt='avatar'
                                     style={{ width: '50px', height: '50px', objectFit: 'cover', border: '2px solid var(--body_color)', borderRadius: '50%' }}
                                 />
diff --git a/client/src/components/sidebar/profile.tsx b/client/src/components/sidebar/profile.tsx
index 31283fc..1622da3 100644
--- a/client/src/components/sidebar/profile.tsx
+++ b/client/src/components/sidebar/profile.tsx
@@ -84,7 +84,7 @@ const Profile: React.FC<ProfileProps> = ({ isVisible }) => {
                         onClick={handleToggleMenu}
                     >
                         {user.avatar ? (
-                            <img src={user.avatar} alt='' loading='lazy' />
+                            <img src={user.avatar} alt='' loading='lazy' referrerPolicy='no-referrer' />
                         ) : (
                             <FaRegUser style={{ width: '50%', height: '50%' }} />
                         )}
@@ -109,7 +109,7 @@ const Profile: React.FC<ProfileProps> = ({ isVisible }) => {
                         <div className='profile-wrapper'>
                             <Link to={user.username} className='modal-profile__image' onClick={handleToggleMenu}>
                                 {user.avatar ? (
-                                    <img src={user.avatar} alt='' loading='lazy' />
+                                    <img src={user.avatar} alt='' loading='lazy' referrerPolicy='no-referrer' />
                                 ) : (
                                     <FaRegUser style={{ width: '50%', height: '50%' }} />
                                 )}
diff --git a/client/src/pages/auth/index.tsx b/client/src/pages/auth/index.tsx
index d5f0354..7b5fdf0 100644
--- a/client/src/pages/auth/index.tsx
+++ b/client/src/pages/auth/index.tsx
@@ -52,6 +52,4 @@ export default function AuthPage() {
             navigate('/auth?type=signup', { replace: true });
         }
     }, [isAuthenticated, location.search, navigate, route, setAuthTab, setTempUser]);
-
-    return <div />
 }
\ No newline at end of file
diff --git a/client/src/pages/create-debate/index.tsx b/client/src/pages/create-debate/index.tsx
index d55b85a..2234685 100644
--- a/client/src/pages/create-debate/index.tsx
+++ b/client/src/pages/create-debate/index.tsx
@@ -61,7 +61,7 @@ const CreateDebatePage: React.FC<CreateProps> = ({ isVisible, isFullscreen }) =>
 
             <Preview isPreview={isPreview} editorRef={editorRef} debateData={debateData} />
 
-            <div className={`debate-btns ${isVisible ? 'reveal' : 'hide'} ${isFullscreen ? 'w-full' : ''}`}>
+            <div className={`debate-btns ${isVisible ? 'reveal' : 'hide'} ${isFullscreen ? '' : 'w-full'}`}>
                 <button
                     type='button'
                     onClick={handlePreviewToggle}