added dummy login details

src/components/auth/LoginCom.jsx

@@ -20,6 +20,8 @@ export default function LoginCom() {
   
   const [loading, setLoading] = useState(false)
 
+  const [requestStatus, setRequestStatus] = useState({error: ''})
+
   const [fields, setFields] = useState({
     username: '',
     password: '',
@@ -54,6 +56,20 @@ export default function LoginCom() {
 
   const handleLogin = () => {
     setLoading(true)
+    if(!fields.username || !fields.password){
+      setRequestStatus({error: 'Please fill all fields'})
+      return setTimeout(()=>{
+        setRequestStatus({error: ''})
+        setLoading(false)
+      }, 2000)
+    }
+    if(fields.username != 'dummy' || fields.password != 'dummy'){
+      setRequestStatus({error: 'wrong username/password!'})
+      return setTimeout(()=>{
+        setRequestStatus({error: ''})
+        setLoading(false)
+      }, 2000)
+    }
     const data = {name: 'dummy'}
     localStorage.setItem('token', 'token')
     dispatch(updateUserDetails({ ...data }));
@@ -87,6 +103,14 @@ export default function LoginCom() {
           </>
           } */}
 
+          {requestStatus.error &&
+          <>
+            <div className="w-full text-center p-2">
+              <p className='text-red-500 text-sm'>{requestStatus.error}</p>
+          </div>
+          </>
+          }
+
           <div className='mt-5 flex justify-end items-center'>
             {/* <button onClick={()=>{login.mutate(fields)}} disabled={login.isPending} className='px-3 py-2 bg-purple-800 text-white font-bold rounded'>{login.isPending ? 'loading...' : 'Login'}</button> */}
             <button onClick={handleLogin} className='px-4 py-[5px] bg-purple-600 text-white font-bold rounded'>{loading ? 'Loading...' : 'SIGN IN'}</button>