antontranelis/utopia-ui
1
0
Fork 0
mirror of https://github.com/utopia-os/utopia-ui.git synced 2025-12-13 07:46:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

login with enter

Browse Source
This commit is contained in:
Anton Tranelis 2024-05-02 22:53:03 +02:00
parent b5d59e860d
commit 8b9328b41c
2 changed files with 33 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/Components/Auth/LoginPage.tsx
View File

@ -1,4 +1,4 @@
import { useRef, useState } from 'react'
import { useEffect, useRef, useState } from 'react'
import { Link, useNavigate } from 'react-router-dom'
import ErrorText from '../Typography/ErrorText'
import { TextInput } from '../Input/TextInput'
@ -17,6 +17,8 @@ export function LoginPage() {
const navigate = useNavigate();
const onLogin = async () => {
console.log(email);
console.log(password);
await toast.promise(
login({ email: email, password: password }),
{
@ -37,6 +39,22 @@ export function LoginPage() {
});
}
useEffect(() => {
const keyDownHandler = event => {
if (event.key === 'Enter') {
event.preventDefault();
onLogin();
}
};
document.addEventListener('keydown', keyDownHandler);
return () => {
document.removeEventListener('keydown', keyDownHandler);
};
}, [onLogin]);
return (
<MapOverlayPage backdrop className='tw-max-w-xs tw-h-fit'>
<h2 className='tw-text-2xl tw-font-semibold tw-mb-2 tw-text-center'>Login</h2>

15
src/Components/Auth/SignupPage.tsx
View File

@ -1,4 +1,4 @@
import { useRef, useState } from 'react'
import { useEffect, useRef, useState } from 'react'
import { Link, useNavigate } from 'react-router-dom'
import ErrorText from '../Typography/ErrorText'
import { TextInput } from '../Input/TextInput'
@ -39,6 +39,19 @@ export function SignupPage() {
});
}
useEffect(() => {
const keyDownHandler = event => {
if (event.key === 'Enter') {
event.preventDefault();
onRegister();
}
};
document.addEventListener('keydown', keyDownHandler);
return () => {
document.removeEventListener('keydown', keyDownHandler);
};
}, [onRegister]);
return (
<MapOverlayPage backdrop className='tw-max-w-xs tw-h-fit'>