From 48c425019f5043edc8ba45701b4c3ce6c3f5460c Mon Sep 17 00:00:00 2001 From: jojayama Date: Mon, 20 Jan 2025 02:54:54 -0800 Subject: [PATCH 1/5] feat: set up basic frontend for create account --- src/app/createAccount/page.tsx | 136 ++++++++++++++++++++++++++++++++- 1 file changed, 135 insertions(+), 1 deletion(-) diff --git a/src/app/createAccount/page.tsx b/src/app/createAccount/page.tsx index 41711fe..c7224ab 100644 --- a/src/app/createAccount/page.tsx +++ b/src/app/createAccount/page.tsx @@ -1,3 +1,137 @@ +"use client"; +import { Box, FormControl, FormLabel, FormErrorMessage, Input, Button } from "@chakra-ui/react"; +import { useState } from "react"; +import "../fonts/fonts.css"; + export default function CreateAccount() { - return
Go to /createAccount to develop!
; + const [formState, setFormState] = useState({ + name: { value: "", touched: false }, + username: { value: "", touched: false }, + password: { value: "", touched: false }, + phoneNumber: { value: "", touched: false }, + email: { value: "", touched: false }, + }); + + const handleInputChange = (field) => (e) => { + setFormState({ + ...formState, + [field]: { ...formState[field], value: e.target.value }, + }); + }; + + const handleBlur = (field) => () => { + setFormState({ + ...formState, + [field]: { ...formState[field], touched: true }, + }); + }; + + const isError = (field) => formState[field].touched && formState[field].value === ""; + + return ( +
+ +

Create Account

+ + Name + + {isError("name") && Field is required.} + + + + Username + + {isError("username") && Field is required.} + + + + Password + + {isError("password") && Field is required.} + + + + Phone Number + + {isError("phoneNumber") && Field is required.} + + + + Email Address + + {isError("email") && Field is required.} + + + + + +
+ ); } From f79335257edd170063cc203d93f25a28370850c3 Mon Sep 17 00:00:00 2001 From: jojayama Date: Mon, 20 Jan 2025 03:03:36 -0800 Subject: [PATCH 2/5] fix: fixed typescript errors --- src/app/createAccount/page.tsx | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/src/app/createAccount/page.tsx b/src/app/createAccount/page.tsx index c7224ab..b448a00 100644 --- a/src/app/createAccount/page.tsx +++ b/src/app/createAccount/page.tsx @@ -3,8 +3,10 @@ import { Box, FormControl, FormLabel, FormErrorMessage, Input, Button } from "@c import { useState } from "react"; import "../fonts/fonts.css"; +type FormFields = "name" | "username" | "password" | "phoneNumber" | "email"; + export default function CreateAccount() { - const [formState, setFormState] = useState({ + const [formState, setFormState] = useState>({ name: { value: "", touched: false }, username: { value: "", touched: false }, password: { value: "", touched: false }, @@ -12,21 +14,21 @@ export default function CreateAccount() { email: { value: "", touched: false }, }); - const handleInputChange = (field) => (e) => { + const handleInputChange = (field: FormFields) => (e: React.ChangeEvent) => { setFormState({ ...formState, [field]: { ...formState[field], value: e.target.value }, }); }; - const handleBlur = (field) => () => { + const handleBlur = (field: FormFields) => () => { setFormState({ ...formState, [field]: { ...formState[field], touched: true }, }); }; - const isError = (field) => formState[field].touched && formState[field].value === ""; + const isError = (field: FormFields) => formState[field].touched && formState[field].value === ""; return (
Date: Fri, 24 Jan 2025 14:54:30 -0800 Subject: [PATCH 3/5] feat: redid design on the create account page --- public/logo1.png | Bin 0 -> 21035 bytes src/app/createAccount/page.tsx | 130 +++++++++++++++++++++++++++------ 2 files changed, 106 insertions(+), 24 deletions(-) create mode 100644 public/logo1.png diff --git a/public/logo1.png b/public/logo1.png new file mode 100644 index 0000000000000000000000000000000000000000..c3538aa7f907976c6f1745e706ed90503b46ba22 GIT binary patch literal 21035 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 name: { value: "", touched: false }, username: { value: "", touched: false }, password: { value: "", touched: false }, - phoneNumber: { value: "", touched: false }, + confirmPass: { value: "", touched: false }, email: { value: "", touched: false }, }); @@ -34,7 +34,7 @@ export default function CreateAccount() {
-

Create Account

+ + Logo + +

+ Sign in to continue to your
CCHTF dashboard +

- Name {isError("name") && Field is required.} @@ -71,14 +108,21 @@ export default function CreateAccount() { isInvalid={isError("username")} style={{ display: "flex", alignItems: "center", flexDirection: "column" }} > - Username {isError("username") && Field is required.} @@ -87,52 +131,90 @@ export default function CreateAccount() { isInvalid={isError("password")} style={{ display: "flex", alignItems: "center", flexDirection: "column" }} > - Password {isError("password") && Field is required.} - Phone Number - {isError("phoneNumber") && Field is required.} + {isError("confirmPass") && Field is required.} - Email Address {isError("email") && Field is required.} - + +

+ Already have an account?{" "} + + Sign in + +

); From d4ea9b45684e0b746d5e79cb2c7ad0713f326617 Mon Sep 17 00:00:00 2001 From: jojayama Date: Fri, 24 Jan 2025 14:57:52 -0800 Subject: [PATCH 4/5] fix: made tweaks to make everything more centered --- src/app/createAccount/page.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/app/createAccount/page.tsx b/src/app/createAccount/page.tsx index 78c6098..d0c5298 100644 --- a/src/app/createAccount/page.tsx +++ b/src/app/createAccount/page.tsx @@ -44,7 +44,7 @@ export default function CreateAccount() { backgroundColor: "white", justifySelf: "center", width: "500px", - marginTop: "10vh", + marginTop: "15vh", borderRadius: "41px", fontFamily: "Inter", paddingBottom: "40px", @@ -56,7 +56,7 @@ export default function CreateAccount() { -

+

Sign in to continue to your
CCHTF dashboard

Date: Fri, 24 Jan 2025 15:50:11 -0800 Subject: [PATCH 5/5] fix: made the 'sign in to continue to your...' charcoal instead of green --- src/app/createAccount/page.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/app/createAccount/page.tsx b/src/app/createAccount/page.tsx index d0c5298..987f42d 100644 --- a/src/app/createAccount/page.tsx +++ b/src/app/createAccount/page.tsx @@ -78,7 +78,7 @@ export default function CreateAccount() { }} /> -

+

Sign in to continue to your
CCHTF dashboard