Skip to content

feat(login): login and register page#2

Open
Nishmaie wants to merge 1 commit into
probe-nitt:mainfrom
Nishmaie:signin
Open

feat(login): login and register page#2
Nishmaie wants to merge 1 commit into
probe-nitt:mainfrom
Nishmaie:signin

Conversation

@Nishmaie
Copy link
Copy Markdown
Contributor

No description provided.

Comment thread src/components/Login/LoginPage.tsx Outdated
Comment thread src/components/Login/LoginPage.tsx Outdated
<Form className="login-form" onSubmit={submitDetails}>
<Information value={email} onChange={(e) => setEmail(e.target.value)} type="email" placeholder="roll@nitt.edu" id="email" name="email" />
<Information value={pass} onChange={(e) => setPass(e.target.value)} type="password" placeholder="password" id="password" name="password" />
<Tap type="submit">Log In</Tap>
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Name this component as Button

Comment thread src/components/Login/LoginPage.tsx Outdated
<p>
Or
</p>
<Click>Login with DAuth</Click>
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Change this to a button with a green color and logo from https://aaveg.in/22/assets/images/dauth.png

import { useState } from 'react';
import { styled } from '@mui/material';

const Wrapper = styled('div')(({ theme }) => ({
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Find and Add theme's type everywhere

Comment thread src/components/Login/RegisterPage.tsx Outdated

const RegisterPage = (props:any) => {
const { onFormSwitch } = props;
const [email, setEmail] = useState('');
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Add state types here

@SuhailAhmed2627
Copy link
Copy Markdown

image
Remove the focus ring and add custom border

image
Make the login text white. Also make it bold and add shadow to box on hover

</Form>

<Button1>
<img src="https://aaveg.in/22/assets/images/dauth.png" alt="DAuth Logo" height={15} />
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Download this asset and store in public.

<Button type="submit">Log In</Button>
</Form>

<Button1>
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Call this DAuthButton

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

image
This is how I want the button to look

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Make a black subtle shadow in the bg when hovered not blue or any other color

Comment thread src/config/themes.ts
navInActiveColor: '#434343',
navDefaultBgColor: '#006Fdd',
navInActiveBgColor: 'transparent',
DLoginColor: '#808080',
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Replace all D with DAuth

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants