client: rename auth button

Casuals4Fun · May 3, 2024 · e439b77 · e439b77
1 parent 6a0fc36
commit e439b77
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/client/src/components/sidebar/profile.css b/client/src/components/sidebar/profile.css
@@ -17,7 +17,7 @@
     align-items: center;
 }
 
-.profile__wrapper .join-btn {
+.profile__wrapper .auth-btn {
     height: 40px;
     display: flex;
     align-items: center;
@@ -46,7 +46,7 @@
     }
 }
 
-.profile__wrapper .join-btn svg {
+.profile__wrapper .auth-btn svg {
     display: none;
 }
 
@@ -161,18 +161,18 @@
 }
 
 @media screen and (max-width: 767px) {
-    .profile__wrapper .join-btn {
+    .profile__wrapper .auth-btn {
         width: 40px;
         height: 40px;
         border-radius: 50%;
         background: var(--explore_input_bg);
     }
 
-    .profile__wrapper .join-btn svg {
+    .profile__wrapper .auth-btn svg {
         display: block;
     }
 
-    .profile__wrapper .join-btn p {
+    .profile__wrapper .auth-btn p {
         display: none;
     }
 

diff --git a/client/src/components/sidebar/profile.tsx b/client/src/components/sidebar/profile.tsx
@@ -108,12 +108,12 @@ const Profile = () => {
                         {theme === Theme.Dark ? <img className="sun" src="theme/sun.svg" alt="" /> : <img className="moon" src="theme/moon.png" alt="" />}
                     </button>
                     <button
-                        className='join-btn'
+                        className='auth-btn'
                         style={{ border: `${authTab !== AuthTab.Closed ? '2px solid var(--body_color)' : ''}` }}
                         onClick={() => setAuthTab(AuthTab.Login)}
                     >
                         <GoPerson size={20} />
-                        <p>Join now</p>
+                        <p>Join Community</p>
                     </button>
                 </>
             )}