Releasing new design #161
@ -137,7 +137,7 @@ export const AppBar = () => {
|
||||
<Button
|
||||
startIcon={<ButtonIcon />}
|
||||
onClick={() => {
|
||||
navigate(appPublicRoutes.login)
|
||||
navigate(appPublicRoutes.nostr)
|
||||
}}
|
||||
variant="contained"
|
||||
>
|
||||
|
@ -93,6 +93,10 @@ export const Modal = () => {
|
||||
)
|
||||
})}
|
||||
</ul>
|
||||
{activeTab === appPublicRoutes.login ||
|
||||
activeTab === appPublicRoutes.register ? (
|
||||
<div className={styles.comingSoon}>Coming soon!</div>
|
||||
) : null}
|
||||
<div className={styles.tabContent}>
|
||||
<Outlet />
|
||||
</div>
|
||||
|
@ -66,6 +66,14 @@ $default-modal-padding: 15px 25px;
|
||||
padding-inline: 10px;
|
||||
}
|
||||
|
||||
.comingSoon {
|
||||
padding: 15px;
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
padding: 15px;
|
||||
border-top: solid 1px rgba(0, 0, 0, 0.1);
|
||||
|
@ -25,7 +25,7 @@ export const LandingPage = () => {
|
||||
const location = useLocation()
|
||||
|
||||
const onSignInClick = async () => {
|
||||
navigate(appPublicRoutes.login)
|
||||
navigate(appPublicRoutes.nostr)
|
||||
}
|
||||
|
||||
const cards = [
|
||||
|
@ -1,6 +1,8 @@
|
||||
import { Button, TextField } from '@mui/material'
|
||||
|
||||
export const Login = () => {
|
||||
// TODO: All fields, buttons are disabled
|
||||
// Feature not implemented
|
||||
return (
|
||||
<>
|
||||
<TextField
|
||||
@ -9,6 +11,7 @@ export const Login = () => {
|
||||
fullWidth
|
||||
margin="dense"
|
||||
autoComplete="username"
|
||||
disabled
|
||||
/>
|
||||
<TextField
|
||||
label="Password"
|
||||
@ -16,9 +19,10 @@ export const Login = () => {
|
||||
fullWidth
|
||||
margin="dense"
|
||||
autoComplete="current-password"
|
||||
disabled
|
||||
/>
|
||||
|
||||
<Button variant="contained" fullWidth>
|
||||
<Button variant="contained" fullWidth disabled>
|
||||
Login
|
||||
</Button>
|
||||
</>
|
||||
|
@ -1,6 +1,8 @@
|
||||
import { Button, TextField } from '@mui/material'
|
||||
|
||||
export const Register = () => {
|
||||
// TODO: All fields, buttons are disabled
|
||||
// Feature not implemented
|
||||
return (
|
||||
<>
|
||||
<TextField
|
||||
@ -9,6 +11,7 @@ export const Register = () => {
|
||||
fullWidth
|
||||
margin="dense"
|
||||
autoComplete="username"
|
||||
disabled
|
||||
/>
|
||||
<TextField
|
||||
label="Password"
|
||||
@ -17,6 +20,7 @@ export const Register = () => {
|
||||
margin="dense"
|
||||
type="password"
|
||||
autoComplete="new-password"
|
||||
disabled
|
||||
/>
|
||||
<TextField
|
||||
label="Confirm password"
|
||||
@ -25,9 +29,10 @@ export const Register = () => {
|
||||
margin="dense"
|
||||
type="password"
|
||||
autoComplete="new-password"
|
||||
disabled
|
||||
/>
|
||||
|
||||
<Button variant="contained" fullWidth>
|
||||
<Button variant="contained" fullWidth disabled>
|
||||
Register
|
||||
</Button>
|
||||
</>
|
||||
|
@ -55,7 +55,10 @@ export const theme = extendTheme({
|
||||
},
|
||||
contained: {
|
||||
background: 'var(--primary-main)',
|
||||
color: 'white',
|
||||
':hover': {
|
||||
color: 'white'
|
||||
}
|
||||
},
|
||||
outlined: {
|
||||
':hover': {
|
||||
|
Loading…
Reference in New Issue
Block a user