fix: image not shown after auth

Casuals4Fun · Jul 23, 2024 · 3746540 · 3746540
2 parents 97e8ffa + f93d76a
commit 3746540
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 5 deletions.
diff --git 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
@@ -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
@@ -52,6 +52,4 @@ export default function AuthPage() {
             navigate('/auth?type=signup', { replace: true });
         }
     }, [isAuthenticated, location.search, navigate, route, setAuthTab, setTempUser]);
-
-    return <div />
 }
diff --git 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}