fix: update DesktopCard to prevent modal opening for offline servers and adjust ManagerSelect to initialize selected manager correctly

This commit is contained in:
2025-07-07 15:25:08 +05:00
parent a881f315c2
commit ad5b6c9234
2 changed files with 12 additions and 4 deletions
+5 -1
View File
@@ -41,7 +41,11 @@ export default function DesktopCard({ server }: IDesktopCardProps) {
variant="secondary" variant="secondary"
size="small" size="small"
className="absolute top-[0.556vw] right-[0.556vw] cursor-pointer flex items-center justify-center" className="absolute top-[0.556vw] right-[0.556vw] cursor-pointer flex items-center justify-center"
onClick={() => setModal(<EditTable table={server} />)} onClick={() => {
if (server.status !== "offline") {
setModal(<EditTable table={server} />);
}
}}
> >
<span className="text-[#7D7D7D] w-[0.972vw] h-[0.972vw]"> <span className="text-[#7D7D7D] w-[0.972vw] h-[0.972vw]">
<CogIcon /> <CogIcon />
+7 -3
View File
@@ -15,12 +15,16 @@ function ManagerSelect({
data: Manager[]; data: Manager[];
}) { }) {
const [isOpen, setIsOpen] = useState(false); const [isOpen, setIsOpen] = useState(false);
const [selectedManager, setSelectedManager] = useState<Manager | null>( const [selectedManager, setSelectedManager] = useState<Manager | null>(null);
data[0]
);
const [position, setPosition] = useState<"top" | "bottom">("bottom"); const [position, setPosition] = useState<"top" | "bottom">("bottom");
const selectRef = useClickAway<HTMLDivElement>(() => setIsOpen(false)); const selectRef = useClickAway<HTMLDivElement>(() => setIsOpen(false));
useEffect(() => {
if (data.length > 0 && !selectedManager) {
setSelectedManager(data[0]);
}
}, [data, selectedManager]);
useEffect(() => { useEffect(() => {
if (!isOpen || !selectRef.current) return; if (!isOpen || !selectRef.current) return;