diff --git a/src/components/DesktopCard.tsx b/src/components/DesktopCard.tsx index 66149d4..6568fca 100644 --- a/src/components/DesktopCard.tsx +++ b/src/components/DesktopCard.tsx @@ -41,7 +41,11 @@ export default function DesktopCard({ server }: IDesktopCardProps) { variant="secondary" size="small" className="absolute top-[0.556vw] right-[0.556vw] cursor-pointer flex items-center justify-center" - onClick={() => setModal()} + onClick={() => { + if (server.status !== "offline") { + setModal(); + } + }} > diff --git a/src/components/ManagerSelect.tsx b/src/components/ManagerSelect.tsx index fc8db42..aa6388d 100644 --- a/src/components/ManagerSelect.tsx +++ b/src/components/ManagerSelect.tsx @@ -15,12 +15,16 @@ function ManagerSelect({ data: Manager[]; }) { const [isOpen, setIsOpen] = useState(false); - const [selectedManager, setSelectedManager] = useState( - data[0] - ); + const [selectedManager, setSelectedManager] = useState(null); const [position, setPosition] = useState<"top" | "bottom">("bottom"); const selectRef = useClickAway(() => setIsOpen(false)); + useEffect(() => { + if (data.length > 0 && !selectedManager) { + setSelectedManager(data[0]); + } + }, [data, selectedManager]); + useEffect(() => { if (!isOpen || !selectRef.current) return;