+
diff --git a/src/views/auth/Signup/Signup.js b/src/views/auth/Signup/Signup.js
new file mode 100644
index 0000000..7cb8a2c
--- /dev/null
+++ b/src/views/auth/Signup/Signup.js
@@ -0,0 +1,117 @@
+import React, { useState } from "react";
+import { useForm } from "react-hook-form";
+import AuthApi from "../../../api/auth";
+import Swal from "sweetalert2";
+import { generateId } from "../../../utils";
+import { useAuth } from "../../../context/AuthProvider";
+import InputField from "../../../components/fields/InputField";
+import { useNavigate } from "react-router-dom";
+import { ROOT_URL, LOGIN_URL } from "../../../config/url";
+import { useMutation, useQuery } from "react-query";
+const SignupForm = () => {
+ const {
+ register,
+ handleSubmit,
+ formState: { errors },
+ } = useForm();
+
+ const navigate = useNavigate();
+ const { user, setUser } = useAuth();
+
+ const { data, isLoading, error, refetch=(data)=>{} } = useQuery("signup", AuthApi.createBlog, {enabled: false});
+
+
+ const onSubmit = (userData) => {
+ const newUser = userData;
+ newUser.id = generateId();
+ const newData = refetch(userData);
+
+ console.log("Data ---> ", data);
+ if(data.status === 201){
+ console.log("Data data ---> ", data.data);
+ localStorage.setItem("employees_data", JSON.stringify(data));
+ setUser(newData);
+ navigate(LOGIN_URL);
+ Swal.fire({
+ icon: "success",
+ title: "Added!",
+ text: `${data.name} 's data has been Added.`,
+ showConfirmButton: false,
+ timer: 1500,
+ });
+ }else {
+ Swal.fire({
+ icon: "failure",
+ title: "Failed!",
+ text: `${data.name} 's data has not been Added.`,
+ showConfirmButton: false,
+ timer: 1500,
+ });
+ }
+ };
+
+ return (
+
+ );
+};
+
+export default SignupForm;
diff --git a/src/views/auth/Signup/index.js b/src/views/auth/Signup/index.js
new file mode 100644
index 0000000..9420868
--- /dev/null
+++ b/src/views/auth/Signup/index.js
@@ -0,0 +1,24 @@
+import React,{useState} from "react";
+import SignupForm from "./Signup";
+import "../auth.scss";
+
+const Signup = () => {
+
+
+ return (
+
+ );
+};
+
+export default Signup;
diff --git a/src/views/dashboard/index.js b/src/views/dashboard/index.js
index f87c468..298c765 100644
--- a/src/views/dashboard/index.js
+++ b/src/views/dashboard/index.js
@@ -18,6 +18,7 @@ const Dashboard = () => {
const [employees, setEmployees] = useState([]);
const [selectedEmployee, setSelectedEmployee] = useState(null);
const { data, isLoading, error, refetch } = useQuery("employees", EmployeeApi.getAllEmployees, employeesQueryConfig);
+
const navigate = useNavigate();
const { mode, setMode } = useNavigation();
diff --git a/src/views/employees/Form.js b/src/views/employees/Form.js
index 27d0136..f885622 100644
--- a/src/views/employees/Form.js
+++ b/src/views/employees/Form.js
@@ -1,6 +1,6 @@
import React, { useState } from "react";
import Swal from "sweetalert2";
-import { useForm } from "react-hook-form";
+import { useForm } from "react-hook-form";
import { generateId } from "../../utils";
import { useNavigate } from "react-router-dom";
import InputField from "../../components/fields/InputField";
@@ -195,18 +195,103 @@ const EmployeeForm = ({selectedEmployee = null }) => {
{errors.description &&
This field is required}
+
+ State}
+ value={selectedState}
+ onChange={(e) => setSelectedState(e.target.value)}
+ className="form-control"
+ options={states}
+ />
+
+
+
+ City}
+ value={selectedCity}
+ onChange={(e) => setSelectedCity(e.target.value)}
+ className="form-control"
+ options={cities}
+ disabled={!selectedState}
+ />
+
+
+
+ Code}
+ value={selectedCity}
+ onChange={(e) => setSelectedCity(e.target.value)}
+ className="form-control"
+ options={postalCodes}
+ disabled={!selectedState}
+ />
+
+