louis/oktopus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: login page done

Browse Source
This commit is contained in:
Leandro Farias 2023-03-14 13:27:09 +00:00
parent 2c2c94ea8c
commit 9ad627554b
6 changed files with 21 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
frontend/public/assets/oktopus.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

2
frontend/src/contexts/auth-context.js
View File

@ -128,7 +128,7 @@ export const AuthProvider = (props) => {
}; };
const signIn = async (email, password) => { const signIn = async (email, password) => {
if (email !== 'demo@devias.io' || password !== 'Password123!') { if (email !== 'demo@oktopus.io' || password !== 'Password123!') {
throw new Error('Please check your email and password'); throw new Error('Please check your email and password');
} }

35
frontend/src/layouts/auth/layout.js
View File

@ -59,7 +59,7 @@ export const Layout = (props) => {
lg={6} lg={6}
sx={{ sx={{
alignItems: 'center', alignItems: 'center',
background: 'radial-gradient(50% 50% at 50% 50%, #122647 0%, #090E23 100%)', background: 'radial-gradient(50% 50% at 50% 50%, #306D6F 0%, #255355 100%)',
color: 'white', color: 'white',
display: 'flex', display: 'flex',
justifyContent: 'center', justifyContent: 'center',
@ -69,36 +69,15 @@ export const Layout = (props) => {
}} }}
> >
<Box sx={{ p: 3 }}> <Box sx={{ p: 3 }}>
<Typography
align="center"
color="inherit"
sx={{
fontSize: '24px',
lineHeight: '32px',
mb: 1
}}
variant="h1"
>
Welcome to{' '}
<Box
component="a"
sx={{ color: '#15B79E' }}
target="_blank"
>
Devias Kit
</Box>
</Typography>
<Typography
align="center"
sx={{ mb: 3 }}
variant="subtitle1"
>
A professional kit that comes with ready-to-use MUI components.
</Typography>
<img <img
alt="" alt=""
src="/assets/auth-illustration.svg" src="/assets/oktopus.png"
/> />
<Typography
align="center"
sx={{ mb: 3 }}
>
</Typography>
</Box> </Box>
</Grid> </Grid>
</Grid> </Grid>

14
frontend/src/pages/auth/login.js
View File

@ -25,7 +25,7 @@ const Page = () => {
const [method, setMethod] = useState('email'); const [method, setMethod] = useState('email');
const formik = useFormik({ const formik = useFormik({
initialValues: { initialValues: {
email: 'demo@devias.io', email: 'demo@oktopus.io',
password: 'Password123!', password: 'Password123!',
submit: null submit: null
}, },
@ -71,7 +71,7 @@ const Page = () => {
<> <>
<Head> <Head>
<title> <title>
Login | Devias Kit Login | Oktopus
</title> </title>
</Head> </Head>
<Box <Box
@ -103,7 +103,7 @@ const Page = () => {
color="text.secondary" color="text.secondary"
variant="body2" variant="body2"
> >
Don&apos;t have an account? Não possui uma conta?
&nbsp; &nbsp;
<Link <Link
component={NextLink} component={NextLink}
@ -111,11 +111,11 @@ const Page = () => {
underline="hover" underline="hover"
variant="subtitle2" variant="subtitle2"
> >
Register Registre-se
</Link> </Link>
</Typography> </Typography>
</Stack> </Stack>
<Tabs {/*<Tabs
onChange={handleMethodChange} onChange={handleMethodChange}
sx={{ mb: 3 }} sx={{ mb: 3 }}
value={method} value={method}
@ -128,7 +128,7 @@ const Page = () => {
label="Phone Number" label="Phone Number"
value="phoneNumber" value="phoneNumber"
/> />
</Tabs> </Tabs>*/}
{method === 'email' && ( {method === 'email' && (
<form <form
noValidate noValidate
@ -193,7 +193,7 @@ const Page = () => {
sx={{ mt: 3 }} sx={{ mt: 3 }}
> >
<div> <div>
You can use <b>demo@devias.io</b> and password <b>Password123!</b> You can use <b>demo@oktopus.io</b> and password <b>Password123!</b>
</div> </div>
</Alert> </Alert>
</form> </form>

2
frontend/src/sections/account/account-profile-details.js
View File

@ -34,7 +34,7 @@ export const AccountProfileDetails = () => {
const [values, setValues] = useState({ const [values, setValues] = useState({
firstName: 'Anika', firstName: 'Anika',
lastName: 'Visser', lastName: 'Visser',
email: 'demo@devias.io', email: 'demo@oktopus.io',
phone: '', phone: '',
state: 'los-angeles', state: 'los-angeles',
country: 'USA' country: 'USA'

10
frontend/src/theme/colors.js
View File

@ -25,11 +25,11 @@ export const neutral = {
}; };
export const indigo = withAlphas({ export const indigo = withAlphas({
lightest: '#F5F7FF', lightest: '#FFFFFF',
light: '#EBEEFE', light: '#306D6F',
main: '#6366F1', main: '#306D6F',
dark: '#4338CA', dark: '#255355',
darkest: '#312E81', darkest: '#00a0b8',
contrastText: '#FFFFFF' contrastText: '#FFFFFF'
}); });