@@ -27,10 +27,10 @@ function Header() {
tabIndex={0}
className="menu menu-sm dropdown-content bg-base-100 rounded-box z-[1] mt-3 w-52 p-2 shadow">
-
-
+
Profile
New
-
+
- Logout
diff --git a/frontend/src/components/Loaders/SpinnerLoader.jsx b/frontend/src/components/Loaders/SpinnerLoader.jsx
new file mode 100644
index 0000000..b14d603
--- /dev/null
+++ b/frontend/src/components/Loaders/SpinnerLoader.jsx
@@ -0,0 +1,9 @@
+import React from 'react'
+
+function SpinnerLoader({size = "sm"}) {
+ return (
+
+ )
+}
+
+export default SpinnerLoader
diff --git a/frontend/src/helper/axiosInstance.js b/frontend/src/helper/axiosInstance.js
new file mode 100644
index 0000000..836e270
--- /dev/null
+++ b/frontend/src/helper/axiosInstance.js
@@ -0,0 +1,7 @@
+import axios from "axios";
+
+const axiosInstance = axios.create({
+ baseURL: "http://localhost:3000/api/v1",
+});
+
+export default axiosInstance;
diff --git a/frontend/src/pages/Register.jsx b/frontend/src/pages/Register.jsx
index 7ff7e45..79ea0b8 100644
--- a/frontend/src/pages/Register.jsx
+++ b/frontend/src/pages/Register.jsx
@@ -1,7 +1,39 @@
-import React from "react";
+import React, { useState } from "react";
import { Link } from "react-router-dom";
+import { useMutation } from "react-query";
+import signupUserService from "../services/signupUserService";
+import InlineTextError from "../components/Errors/InlineTextError";
+import SpinnerLoader from "../components/Loaders/SpinnerLoader";
function Register() {
+ const [username, setUsername] = useState("");
+ const [email, setEmail] = useState("");
+ const [password, setPassword] = useState("");
+
+ const mutation = useMutation(signupUserService, {
+ onSuccess: (data) => {
+ console.log(data);
+ setUsername("");
+ setEmail("");
+ setPassword("");
+ },
+ onError: (error) => {
+ console.log(error);
+ },
+ });
+
+
+
+ function handleSignup(e) {
+ e.preventDefault();
+ e.stopPropagation();
+ mutation.mutate({
+ username,
+ email,
+ password,
+ });
+ }
+
return (