From 9f89376aa935bd15d28a549e14ec49e781631d6f Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Wed, 1 Nov 2023 22:11:34 +0100
Subject: [PATCH] Hid text when session expires

---
 src/components/AuthPages/Login/index.jsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/AuthPages/Login/index.jsx b/src/components/AuthPages/Login/index.jsx
index 2498101..4f1f10b 100644
--- a/src/components/AuthPages/Login/index.jsx
+++ b/src/components/AuthPages/Login/index.jsx
@@ -245,6 +245,9 @@ export default function Login() {
           </div>
           <div className="content-wrapper login shadow-md w-full lg:max-w-[530px] mx-auto flex justify-center items-center xl:bg-white dark:bg-dark-white 2xl:w-[828px]  rounded-[0.475rem] sm:p-7 p-5">
             <div className="w-full">
+              
+              {/* HIDES THIS IF USER SESSION HAS EXPIRED */}
+              {sessionExpired != 'true' &&
               <div className="title-area flex flex-col justify-center items-center relative text-center mb-7">
                 {/* <h1 className="text-[#181c32] font-semibold dark:text-white mb-3 leading-[27.3px] text-[22.75px]">
                   Sign In to WrenchBoard
@@ -259,11 +262,12 @@ export default function Login() {
                   </Link>
                 </span>
               </div>
+              }
               
               {/* SHOWS THIS IF USER SESSION HAS EXPIRED */}
               {sessionExpired == 'true' &&
-              <div className="w-full p-1">
-                <p className="text-red-500 text-sm text-center">Your session expired and will need to login again</p>
+              <div className="w-full p-1 mb-7">
+                <p className="text-red-500 text-base text-center">Your session expired and will need to login again</p>
               </div>
               }