ok

src/pages/Dashboard.js

@@ -3,7 +3,7 @@ import styles from "./Dashboard.module.css"; // Import module CSS for styling
 import Header from "../components/Header";
 import { useNavigate } from "react-router-dom";
 import AccountUpdateModal from "../components/AccountUpdateModal";
-import { updateLocalStorage } from "../helpers/localStorageHelpers";
+import { removeLocalStorage } from "../helpers/localStorageHelpers";
 import { getAllCafeOwner, createCafeOwner } from "../helpers/userHelpers";
 import { getOwnedCafes, createCafe, updateCafe } from "../helpers/cafeHelpers";
 
@@ -50,7 +50,7 @@ const Dashboard = ({ user, setModal }) => {
   };
 
   const handleLogout = () => {
-    updateLocalStorage("auth", "");
+    removeLocalStorage("auth");
     unsubscribeUser();
     navigate(0);
   };
@@ -58,9 +58,9 @@ const Dashboard = ({ user, setModal }) => {
   const handleCreateItem = () => {
     if (user.roleId < 1) {
       // Create admin functionality
-      createCafeOwner(newItem.name)
+      createCafeOwner(newItem.email, newItem.username, newItem.password)
         .then(() => {
-          setItems([...items, { name: newItem.name }]);
+          setItems([...items, { name: newItem.username }]);
           setIsCreating(false);
           setNewItem({ name: "", type: "" });
         })
@@ -84,7 +84,7 @@ const Dashboard = ({ user, setModal }) => {
   return (
     <>
       <Header
-        HeaderText={"GrooveBrew"}
+        HeaderText={"kedaimaster"}
         isEdit={() => setIsModalOpen(true)}
         isLogout={handleLogout}
         user={user}
@@ -132,12 +132,31 @@ const Dashboard = ({ user, setModal }) => {
       {isCreating && (
         <div className={styles.createModal}>
           <h2>Create New {user.roleId < 1 ? "Admin" : "Cafe"}</h2>
+          {user.roleId < 1 ?<>
+          <input
+            type="email"
+            value={newItem.email}
+            onChange={(e) => setNewItem({ ...newItem, email: e.target.value })}
+            placeholder="email"
+          />
+          <input
+            type="text"
+            value={newItem.username}
+            onChange={(e) => setNewItem({ ...newItem, username: e.target.value })}
+            placeholder="username"
+          />
+          <input
+            type="password"
+            value={newItem.password}
+            onChange={(e) => setNewItem({ ...newItem, password: e.target.value })}
+            placeholder="Password"
+          /></> : 
           <input
             type="text"
             value={newItem.name}
             onChange={(e) => setNewItem({ ...newItem, name: e.target.value })}
             placeholder="Name"
-          />
+          />}
           <button onClick={handleCreateItem}>Create</button>
           <button onClick={() => setIsCreating(false)}>Cancel</button>
         </div>