diff --git a/packages/frontend/src/components/organisations-dialog.tsx b/packages/frontend/src/components/organisations-dialog.tsx index 14c1a0c..d08b77c 100644 --- a/packages/frontend/src/components/organisations-dialog.tsx +++ b/packages/frontend/src/components/organisations-dialog.tsx @@ -13,6 +13,7 @@ import { useAuthenticatedSession } from "@/components/session-provider"; import SmallUserDisplay from "@/components/small-user-display"; import StatusTag from "@/components/status-tag"; import { Button } from "@/components/ui/button"; +import ColourPicker from "@/components/ui/colour-picker"; import { ConfirmDialog } from "@/components/ui/confirm-dialog"; import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog"; import { Input } from "@/components/ui/input"; @@ -42,6 +43,7 @@ function OrganisationsDialog({ const [statuses, setStatuses] = useState>({}); const [isCreatingStatus, setIsCreatingStatus] = useState(false); const [newStatusName, setNewStatusName] = useState(""); + const [newStatusColour, setNewStatusColour] = useState(DEFAULT_STATUS_COLOUR); const [statusError, setStatusError] = useState(null); const [statusToRemove, setStatusToRemove] = useState(null); const [reassignToStatus, setReassignToStatus] = useState(""); @@ -202,7 +204,7 @@ function OrganisationsDialog({ return; } const newStatuses = { ...statuses }; - newStatuses[trimmed] = DEFAULT_STATUS_COLOUR; + newStatuses[trimmed] = newStatusColour; await updateStatuses(newStatuses); setNewStatusName(""); setIsCreatingStatus(false); @@ -483,6 +485,11 @@ function OrganisationsDialog({ }} autoFocus /> + +