diff --git a/app/sait-staff/overviewDash/Edit.js b/app/sait-staff/overviewDash/Edit.js
new file mode 100644
index 0000000..085e117
--- /dev/null
+++ b/app/sait-staff/overviewDash/Edit.js
@@ -0,0 +1,174 @@
+import React, { useState } from "react";
+import { formatPhoneNumber } from "@/Constant/formated";
+import Swal from "sweetalert2";
+
+import { doc, setDoc, updateDoc } from "firebase/firestore";
+import { db } from "@/app/firebase/config";
+
+const Edit = ({ employeeData, setIsEditing, getData, userData }) => {
+ const [name, setName] = useState(employeeData.name);
+ const [email, setEmail] = useState(employeeData.email);
+ const [mobileNumber, setMobileNumber] = useState(employeeData.phoneNumber);
+ const id = employeeData.id;
+ const [role, setRole] = useState(employeeData.role);
+ const [userRole, setUserRole] = useState(userData[0].role);
+ const [address, setAddress] = useState(employeeData.address);
+
+ const handleChangeRole = (e) => {
+ setRole(e.target.value);
+ };
+
+ const handleUpdate = async (e) => {
+ e.preventDefault();
+
+ if (!name || !email || !mobileNumber) {
+ return Swal.fire({
+ icon: "error",
+ title: "Error!",
+ text: "All fields are required.",
+ showConfirmButton: true,
+ });
+ }
+
+ const employee = {
+ id,
+ name,
+ email,
+ mobileNumber,
+ role,
+ address
+ };
+
+ const dataForUpdate = doc(db, "saitStaff", id);
+ await updateDoc(dataForUpdate, employee);
+ getData();
+ setIsEditing(false);
+
+ Swal.fire({
+ icon: "success",
+ title: "Updated!",
+ text: `${employeeData.name}'s data has been updated.`,
+ showConfirmButton: false,
+ timer: 1500,
+ });
+ };
+
+ return (
+
+ );
+};
+
+export default Edit;
diff --git a/app/sait-staff/overviewDash/index.js b/app/sait-staff/overviewDash/index.js
index 77ee184..ea4750d 100644
--- a/app/sait-staff/overviewDash/index.js
+++ b/app/sait-staff/overviewDash/index.js
@@ -1,47 +1,69 @@
-import Head from 'next/head';
-import Overview from './overview';
-import Table from './table';
-import { useState } from 'react';
-import Add from './Add';
+import Head from "next/head";
+import Overview from "./overview";
+import Table from "./table";
+import { useState, useEffect } from "react";
+import Add from "./Add";
+import Edit from "./Edit";
+import {
+ getSaitData,
+ getSaitDataByUser,
+} from "@/services/GetRequest/getRequest";
+import { useUserAuth } from "@/services/utils";
+import { updateSaitEmployeeStatus } from "@/services/PostRequest/postRequest";
export default function Dash() {
+ const [userData, setUserData] = useState(null);
+ const [editEmployeData, setEditEmployeData] = useState(null);
const [isAdding, setIsAdding] = useState(false);
+ const { user } = useUserAuth();
+ const [admin, setAdmin] = useState(null);
+ const [isEditing, setIsEditing] = useState(false);
+ async function fetchData() {
+ const data = await getSaitData();
+ console.log(data);
+ setAdmin(data);
+ }
+ async function fetchDataByUser() {
+ const data = await getSaitDataByUser(user);
+ setUserData(data);
+ console.log(data);
+ }
- // Random data
- const [admin, setAdmin] = useState([
- {
- id: 1,
- name: 'Vera Carpenter',
- imageUrl: 'https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2.2&w=160&h=160&q=80',
- role: 'Admin',
- createdAt: 'Jan 21, 2020',
- status: 'Active',
- statusColor: 'text-green-900',
- statusBgColor: 'bg-green-200'
- },
- {
- id: 2,
- name: 'Blake Bowman',
- imageUrl: 'https://images.unsplash.com/photo-1500648767791-00dcc994a43e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2.2&w=160&h=160&q=80',
- role: 'Editor',
- createdAt: 'Jan 01, 2020',
- status: 'Active',
- statusColor: 'text-green-900',
- statusBgColor: 'bg-green-200'
- },
- // Add more data as needed
- ]);
+ useEffect(() => {
+ if (user) {
+ fetchData();
+ fetchDataByUser(user);
+ }
+ console.log(user);
+ }, [user]);
- const handleEdit = (id) => {
- // Handle edit logic
- console.log(`Edit user with id: ${id}`);
+ useEffect(() => {
+ if (admin) {
+ }
+ }, [admin]);
+
+ const handleEditRequest = (user) => {
+ console.log(user);
+ setEditEmployeData(user);
+ setIsEditing(true);
};
const handleDelete = (id) => {
// Handle delete logic
console.log(`Delete user with id: ${id}`);
- setAdmin(admin.filter(user => user.id !== id));
+ setAdmin(admin.filter((user) => user.id !== id));
+ };
+
+ const handleChangeStatus = async (id, status) => {
+ if (userData[0].role === "Admin" || userData[0].role === "Editor") {
+ await updateSaitEmployeeStatus(id, status).then(() => {
+ alert("Status for given user has been changed");
+ fetchData();
+ });
+ } else {
+ alert("You are not authorized to change the status");
+ }
};
return (
@@ -51,12 +73,39 @@ export default function Dash() {