diff options
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/LogIn.tsx | 6 | ||||
| -rw-r--r-- | src/pages/ProjectsList.tsx | 7 | ||||
| -rw-r--r-- | src/pages/SignUp.tsx | 6 |
3 files changed, 9 insertions, 10 deletions
diff --git a/src/pages/LogIn.tsx b/src/pages/LogIn.tsx index 3142da4..296a499 100644 --- a/src/pages/LogIn.tsx +++ b/src/pages/LogIn.tsx @@ -1,4 +1,4 @@ -import { useContext } from 'preact/hooks'; +import { useContext, useCallback } from 'preact/hooks'; import { useSignal } from '@preact/signals'; import { route } from 'preact-router'; import { Pb } from '../context.ts'; @@ -10,13 +10,13 @@ const LogIn = () => { const email = useSignal(''); const password = useSignal(''); - const onSubmit = async (event: SubmitEvent) => { + const onSubmit = useCallback(async (event: SubmitEvent) => { event.preventDefault(); await pb.collection('users').authWithPassword(email.value, password.value); if (pb.authStore.isValid) { route('/' + pb.authStore.model.username); } - }; + }, []); return ( <> diff --git a/src/pages/ProjectsList.tsx b/src/pages/ProjectsList.tsx index 3d86358..a7e3bed 100644 --- a/src/pages/ProjectsList.tsx +++ b/src/pages/ProjectsList.tsx @@ -1,4 +1,4 @@ -import { useContext, useEffect } from 'preact/hooks'; +import { useContext, useEffect, useCallback } from 'preact/hooks'; import { useSignal } from '@preact/signals'; import { route } from 'preact-router'; import { Pb } from '../context.ts'; @@ -6,7 +6,6 @@ import { logOut } from '../util.ts'; import { Header, Content, ContainedList, Form, FormLabel, TextInput, Button } from '../components'; const ProjectsList = ({ user }) => { - console.log(user); const pb = useContext(Pb); const projects = useSignal(null); const projectName = useSignal(''); @@ -17,14 +16,14 @@ const ProjectsList = ({ user }) => { .then(p => projects.value = p); }, []); - const onCreateProject = async (event: FormEvent) => { + const onCreateProject = useCallback(async (event: FormEvent) => { event.preventDefault(); const project = await pb.collection('projects').create({ name: projectName.value, owner: pb.authStore.model.id, }); route(`/${user}/${project.name}`); - }; + }, [user]); return ( <> diff --git a/src/pages/SignUp.tsx b/src/pages/SignUp.tsx index 6e2c874..22e1512 100644 --- a/src/pages/SignUp.tsx +++ b/src/pages/SignUp.tsx @@ -1,4 +1,4 @@ -import { useContext } from 'preact/hooks'; +import { useContext, useCallback } from 'preact/hooks'; import { useSignal } from '@preact/signals'; import { route } from 'preact-router'; import { Pb } from '../context.ts'; @@ -12,7 +12,7 @@ const SignUp = () => { const password = useSignal(''); const confirm = useSignal(''); - const onSubmit = async (event: SubmitEvent) => { + const onSubmit = useCallback(async (event: SubmitEvent) => { event.preventDefault(); await pb.collection('users').create({ username: username.value, @@ -24,7 +24,7 @@ const SignUp = () => { if (pb.authStore.isValid) { route('/' + pb.authStore.model.username); } - }; + }, []); return ( <> |
