started work on availability-color-selector

client/src/app/admin/AddUser.tsx

@@ -9,7 +9,7 @@ import {
 	ModalContent,
 	ModalFooter,
 	ModalHeader,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import { FormEvent, useState } from "react";
 
 export default function AddUser(props: {

client/src/app/admin/Availabilities.tsx

@@ -0,0 +1,9 @@
+import ColorSelector from "@/components/Colorselector";
+
+export default function Availabilities() {
+	return (
+		<div>
+			<ColorSelector />
+		</div>
+	);
+}

client/src/app/admin/EditUser.tsx

@@ -14,7 +14,7 @@ import {
 	ModalContent,
 	ModalFooter,
 	ModalHeader,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import { FormEvent, useEffect, useState } from "react";
 
 export default function EditUser(props: {

client/src/app/admin/Users.tsx

@@ -10,7 +10,7 @@ import {
 	TableHeader,
 	TableRow,
 	Tooltip,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import { useAsyncList } from "@react-stately/data";
 import { FormEvent, useState } from "react";
 import AddUser from "./AddUser";

client/src/app/admin/page.tsx

@@ -1,7 +1,8 @@
 "use client";
 
-import { Tab, Tabs } from "@nextui-org/react";
+import { Tab, Tabs } from "@heroui/react";
 import Users from "./Users";
+import Availabilities from "./Availabilities";
 
 export default function AdminDashboard() {
 	return (
@@ -11,7 +12,7 @@ export default function AdminDashboard() {
 					<Users />
 				</Tab>
 				<Tab title="Tasks">Tasks</Tab>
-				<Tab title="Availabilities">Availabilities</Tab>
+				<Tab title="Availabilities"><Availabilities /></Tab>
 			</Tabs>
 		</div>
 	);