removed last login on closed drawer

glific · Oct 11, 2023 · 2feb659 · 2feb659
1 parent 6cac406
commit 2feb659
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 5 deletions.
diff --git a/src/components/UI/Layout/Navigation/SideDrawer/SideDrawer.tsx b/src/components/UI/Layout/Navigation/SideDrawer/SideDrawer.tsx
@@ -184,7 +184,7 @@ export const SideDrawer = () => {
           </div>
         </div>
         {drawer}
-        <LastLogin />
+        <LastLogin drawerOpen={drawerOpen} />
         <WalletBalance fullOpen={drawerOpen} />
       </Drawer>
     </nav>

diff --git a/src/containers/LastLogin/LastLogin.module.css b/src/containers/LastLogin/LastLogin.module.css
@@ -2,7 +2,7 @@
   position: absolute;
   bottom: 26px;
   font-size: 12px;
-  padding-left: 10px;
+  padding-left: 22px;
   color: #073f24;
   font-weight: 500;
 }
diff --git a/src/containers/LastLogin/LastLogin.tsx b/src/containers/LastLogin/LastLogin.tsx
@@ -6,12 +6,16 @@ import { DATE_TIME_FORMAT } from 'common/constants';
 
 import styles from './LastLogin.module.css';
 
-export const LastLogin = () => {
+interface LastLoginProps {
+  drawerOpen: boolean;
+}
+
+export const LastLogin = ({ drawerOpen }: LastLoginProps) => {
   const { t } = useTranslation();
   const lastLogin = getAuthSession('last_login_time');
-  return (
+  return drawerOpen ? (
     <div className={styles.lastLogin}>
       {t('Last login')}: {moment(lastLogin).format(DATE_TIME_FORMAT)}
     </div>
-  );
+  ) : null;
 };