forget password

frontend/dashboard/src/pages/auth/ForgetPassword.tsx

@@ -0,0 +1,61 @@
+import { Link as RouterLink } from 'react-router-dom';
+// @mui
+import { styled } from '@mui/material/styles';
+import { Box, Button, Link, Container, Typography } from '@mui/material';
+// layouts
+import LogoOnlyLayout from '../../layouts/LogoOnlyLayout';
+// routes
+import { PATH_AUTH } from '../../routes/paths';
+// components
+import Page from '../../components/Page';
+import Iconify from '../../components/Iconify';
+// sections
+import { ForgetPasswordForm } from '../../sections/auth/forget-password';
+import { useSearchParams } from 'react-router-dom';
+
+// ----------------------------------------------------------------------
+
+const RootStyle = styled('div')(({ theme }) => ({
+  display: 'flex',
+  height: '100%',
+  alignItems: 'center',
+  padding: theme.spacing(12, 0),
+}));
+
+// ----------------------------------------------------------------------
+
+export default function ForgetPassword() {
+  const [searchParams, setSearchParams] = useSearchParams();
+  const token = searchParams.get('token');
+
+  return (
+    <Page title="Verify" sx={{ height: 1 }}>
+      <RootStyle>
+        <LogoOnlyLayout />
+
+        <Container>
+          <Box sx={{ maxWidth: 480, mx: 'auto' }}>
+            <Button
+              size="small"
+              component={RouterLink}
+              to={PATH_AUTH.login}
+              startIcon={<Iconify icon={'eva:arrow-ios-back-fill'} width={20} height={20} />}
+              sx={{ mb: 3 }}
+            >
+              Back
+            </Button>
+
+            <Typography variant="h3" paragraph></Typography>
+            <Typography sx={{ color: 'text.secondary' }}>
+              Please enter your new password.
+            </Typography>
+
+            <Box sx={{ mt: 5, mb: 3 }}>
+              <ForgetPasswordForm token={token} />
+            </Box>
+          </Box>
+        </Container>
+      </RootStyle>
+    </Page>
+  );
+}