1 files changed, 3 insertions, 23 deletions
diff --git a/client/src/components/AdminLogin.tsx b/client/src/components/AdminLogin.tsx
index 4271d60..36b4629 100644
--- a/client/src/components/AdminLogin.tsx
+++ b/client/src/components/AdminLogin.tsx
@@ -1,32 +1,12 @@
 import React, { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useDispatch } from 'react-redux';
-import {
-  Alert,
-  Button,
-  Paper,
-  Snackbar,
-  TextField,
-  Typography,
-} from '@mui/material';
+import { Button, Paper, Snackbar, TextField, Typography } from '@mui/material';
 import { useForm } from 'react-hook-form';
 import { setAdmin } from '../slices/auth/adminSlice';
 import { useLoginAdminMutation } from '../slices/api/adminSlice';
 import type { Credentials, StatusProps } from '../models';
-import { isFetchBaseQueryError } from '../error';
-import type { Data } from '../error';
-
-const Status = ({ error, setOpen }: StatusProps) => {
-  return isFetchBaseQueryError(error) ? (
-    <Alert severity="error" onClose={() => setOpen(false)}>
-      {(error.data as Data).message}
-    </Alert>
-  ) : (
-    <Alert severity="error" onClose={() => setOpen(false)}>
-      Admin login failed
-    </Alert>
-  );
-};
+import Status from './Status';
 
 function GuestLogin() {
   const dispatch = useDispatch();
@@ -111,7 +91,7 @@ function GuestLogin() {
         autoHideDuration={5000}
       >
         <div>
-          <Status {...({ error, setOpen } as StatusProps)} />
+          <Status {...({ error, setOpen, type: 'Admin' } as StatusProps)} />
         </div>
       </Snackbar>
     </form>