-
setEmail(e.target.value)}
- />
-
setName(e.target.value)}
- />
-
setPassword(e.target.value)}
- />
-
-
-
+ }
+
+ return (
+
+
+
+
+
+
+
- )
-
-}
\ No newline at end of file
+
+
+ );
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2acfd44..23e0de8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,113 +1,30 @@
-import Image from "next/image";
+"use client";
-export default function Home() {
- return (
-
-
-
- Get started by editing
- src/app/page.tsx
-
-
-
-
-
+import Button from "@/components/Button";
+import APICaller from "@/utils/APICaller";
+import { useAuthRedirect } from "@/utils/isAuthenticated";
-
-
+ return (
+
+ Home page
+ {isAuth && (
+
+ )}
+
);
}
diff --git a/src/app/register/page.tsx b/src/app/register/page.tsx
new file mode 100644
index 0000000..770997b
--- /dev/null
+++ b/src/app/register/page.tsx
@@ -0,0 +1,81 @@
+"use client";
+
+import Button from "@/components/Button";
+import TextInput from "@/components/TextInput";
+import APICaller from "@/utils/APICaller";
+import { useRouter } from "next/navigation";
+import { useState } from "react";
+import toast from "react-hot-toast";
+
+export default function Register() {
+ const [email, setEmail] = useState("");
+ const [name, setName] = useState("");
+ const [password, setPassword] = useState("");
+ const [confirmPassword, setConfirmPassword] = useState("");
+
+ const router = useRouter();
+
+ async function handleRegister() {
+ if (!email || !password || !name) {
+ return;
+ }
+ try {
+ const requestData = { email, password, name };
+ const response = await APICaller("/api/register", "POST", requestData);
+ if (response.success) {
+ toast.success("Registrado com sucesso!");
+ router.replace("/login");
+ }
+ } catch (error) {
+ toast.error("Erro ao registrar!");
+ console.error("Error ao registrar:", error);
+ }
+ }
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
new file mode 100644
index 0000000..381c2cb
--- /dev/null
+++ b/src/components/Button.tsx
@@ -0,0 +1,19 @@
+interface ButtonProps {
+ text: string;
+ onClick: () => void;
+ style: "primary" | "secondary" | "danger" | "outline";
+}
+export default function Button({ text, onClick, style }: ButtonProps) {
+ return (
+
+ );
+}
diff --git a/src/components/TextInput.tsx b/src/components/TextInput.tsx
new file mode 100644
index 0000000..e5879cf
--- /dev/null
+++ b/src/components/TextInput.tsx
@@ -0,0 +1,28 @@
+interface TextInputProps {
+ value: string;
+ setName: (name: string) => void;
+ type: "text" | "email" | "password";
+ label?: string;
+ placeholder?: string;
+}
+
+export default function TextInput({
+ value,
+ setName,
+ type,
+ label,
+ placeholder,
+}: TextInputProps) {
+ return (
+
+ {label && }
+ setName(e.target.value)}
+ className="text-sm rounded-lg block w-full p-2.5 bg-gray-200 border-blue-500 border-2 placeholder-gray-400 focus:border-blue-800 outline-none "
+ placeholder={placeholder}
+ />
+
+ );
+}
diff --git a/src/utils/APICaller.ts b/src/utils/APICaller.ts
index 1e43ad6..22e38be 100644
--- a/src/utils/APICaller.ts
+++ b/src/utils/APICaller.ts
@@ -1,7 +1,7 @@
export default function APICaller(
endpointURL: string,
methodType: string,
- body?: any,
+ body?: any
) {
const token = localStorage.getItem("token");
if (token) {
@@ -26,7 +26,7 @@ export default function APICaller(
"Content-Type": "application/json",
},
body: JSON.stringify(body),
- }),
+ })
);
}
@@ -35,8 +35,5 @@ function getData(promise: Promise
) {
.then((response) => response.json())
.then((data) => {
return data;
- })
- .catch((error) => {
- console.error("Error:", error);
});
}
diff --git a/src/utils/helper.ts b/src/utils/helper.ts
new file mode 100644
index 0000000..e5f014e
--- /dev/null
+++ b/src/utils/helper.ts
@@ -0,0 +1,3 @@
+export const changeTheme = (theme: string) => {
+ document.querySelector("html")?.setAttribute("data-theme", theme);
+};
diff --git a/src/utils/isAuthenticated.ts b/src/utils/isAuthenticated.ts
new file mode 100644
index 0000000..d1b8c44
--- /dev/null
+++ b/src/utils/isAuthenticated.ts
@@ -0,0 +1,30 @@
+import { useRouter } from "next/navigation";
+import APICaller from "./APICaller";
+import { useEffect, useState } from "react";
+
+async function isAuthenticated() {
+ try {
+ const response = await APICaller("/api/authenticated", "GET");
+ return response.authenticated;
+ } catch (error) {
+ console.error("Error:", error);
+ }
+}
+
+export function useAuthRedirect() {
+ const [isAuth, setIsAuth] = useState(false);
+ const router = useRouter();
+
+ const checkAuth = async () => {
+ const auth = await isAuthenticated();
+ if (!auth) {
+ router.push("/login");
+ }
+ setIsAuth(true);
+ };
+ useEffect(() => {
+ checkAuth();
+ });
+
+ return isAuth;
+}
diff --git a/tailwind.config.ts b/tailwind.config.ts
index e9a0944..c6796f7 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -13,6 +13,12 @@ const config: Config = {
"gradient-conic":
"conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
},
+ colors: {
+ primary: "var(--color-primary)",
+ secondary: "var(--color-secondary)",
+ buttons: "var(--color-buttons)",
+ typography: "var(--color-typography)",
+ },
},
},
plugins: [],