innocuous-symmetry/recipe-manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

preparing to checkout

Browse Source
This commit is contained in:
Mikayla Dobson
2022-11-30 18:33:40 -06:00
parent 9d0c8a8782
commit ba4b6e08c9
6 changed files with 39 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/index.html
View File

@@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + React + TS</title>
<title>RECIPIN | Personal Recipe Manager</title>
</head>
<body>
<div id="root"></div>

42
client/src/components/pages/Register/register.aboutyou.tsx
View File

@@ -1,23 +1,29 @@
import { useCallback, useEffect, useMemo, useState } from "react";
import { useNavigate } from "react-router-dom";
import { v4 } from "uuid";
import { IUser } from "../../../schemas";
import { useAuthContext } from "../../../context/AuthContext";
import { IUser, IUserAuth } from "../../../schemas";
import { attemptLogin, attemptRegister } from "../../../util/apiUtils";
import { Button, Page, Panel } from "../../ui";
import Divider from "../../ui/Divider";
import Form, { FormConfig } from "../../ui/Form";
const blankUser: IUser = {
firstname: '',
lastname: '',
handle: '',
email: '',
password: '',
active: true,
isadmin: false
}
export default function AboutYou() {
const navigate = useNavigate();
const authContext = useAuthContext();
const [form, setForm] = useState<JSX.Element[]>([<p key={v4()}>Loading content...</p>]);
const [input, setInput] = useState<IUser>({
firstname: '',
lastname: '',
handle: '',
email: '',
password: '',
active: true
});
const [input, setInput] = useState<IUser>(blankUser);
const [regSuccess, setRegSuccess] = useState<boolean>();
const getFormState = useCallback((received: IUser) => {
setInput(received);
@@ -32,14 +38,24 @@ export default function AboutYou() {
getState: getFormState
}
async function handleRegister() {
const res = await attemptRegister(input);
setRegSuccess(res);
}
async function unwrapLogin() {
const login = await attemptLogin({ email: input.email, password: input.password as string } as IUserAuth);
authContext.user = login.user;
navigate('/');
}
useEffect(() => {
setForm(new Form<IUser>(formConfig).mount());
}, [])
const handleRegister = async () => {
const result = await attemptRegister(input);
await attemptLogin({ email: result.email, password: result.password }).then(() => navigate('/'));
}
useEffect(() => {
if (regSuccess) unwrapLogin();
}, [regSuccess, handleRegister])
return (
<Page>

2
client/src/util/apiUtils.tsx
View File

@@ -19,7 +19,7 @@ export const attemptLogin = async (data: IUserAuth): Promise<IAuthContext> => {
data: data
});
const result: Promise<IAuthContext> = Promise.resolve(response.data);
const result = Promise.resolve(response.data);
return result;
} catch (e: any) {
throw e;