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) => {
if (email !== 'demo@devias.io' || password !== 'Password123!') {
if (email !== 'demo@oktopus.io' || password !== 'Password123!') {
throw new Error('Please check your email and password');
}

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

@ -59,7 +59,7 @@ export const Layout = (props) => {
lg={6}
sx={{
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',
display: 'flex',
justifyContent: 'center',
@ -69,36 +69,15 @@ export const Layout = (props) => {
}}
>
<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>
<img
alt=""
src="/assets/oktopus.png"
/>
<Typography
align="center"
sx={{ mb: 3 }}
variant="subtitle1"
>
A professional kit that comes with ready-to-use MUI components.
</Typography>
<img
alt=""
src="/assets/auth-illustration.svg"
/>
</Box>
</Grid>
</Grid>

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

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

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

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

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

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