From 07b8576d2644a5a65539810ef8a79f23588db8fd Mon Sep 17 00:00:00 2001
From: inmake <inmake.ru@gmail.com>
Date: Mon, 24 Mar 2025 13:57:52 +0500
Subject: [PATCH] upd

---
 src/components/DesktopCard.tsx               | 3 ++-
 src/components/DesktopSelect.tsx             | 6 +++---
 src/components/Select.tsx                    | 4 ----
 src/components/modals/CreateSessionModal.tsx | 4 ++--
 4 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/components/DesktopCard.tsx b/src/components/DesktopCard.tsx
index 30d7e78..48364ed 100644
--- a/src/components/DesktopCard.tsx
+++ b/src/components/DesktopCard.tsx
@@ -14,6 +14,7 @@ interface IDesktopCardProps {
 export default function DesktopCard({ server }: IDesktopCardProps) {
   const { setModal, setPosition } = useModalStore();
   const queryClient = useQueryClient();
+  const servers = queryClient.getQueryData<IServer[]>(["servers"]);
 
   // const { mutate: createSession } = useMutation({
   //   mutationFn: () =>
@@ -38,7 +39,7 @@ export default function DesktopCard({ server }: IDesktopCardProps) {
 
   async function handleClickCreateSession() {
     setPosition("right");
-    setModal(<CreateSessionModal servers={[server]} />);
+    setModal(<CreateSessionModal servers={servers} />);
   }
 
   return (
diff --git a/src/components/DesktopSelect.tsx b/src/components/DesktopSelect.tsx
index f0f96ab..c3e46a0 100644
--- a/src/components/DesktopSelect.tsx
+++ b/src/components/DesktopSelect.tsx
@@ -5,7 +5,7 @@ import { useClickAway } from "@uidotdev/usehooks";
 import ArrowDownIcon from "./icons/ArrowDownIcon";
 
 interface Props {
-  servers: IServer[];
+  servers: IServer[] | undefined;
   value: IServer | undefined;
   onChange: (server: IServer) => void;
 }
@@ -23,7 +23,7 @@ export default function DesktopSelect({ servers, value, onChange }: Props) {
         onlyIcon
         variant="tertiary"
         className="px-[0.833vw] py-[0.417vw] !justify-between w-full"
-        onClick={() => setIsOpen(!isOpen)}
+        onClick={() => setIsOpen((prev) => !prev)}
       >
         <div className="flex gap-[0.278vw] items-center">
           {value?.name && (
@@ -53,7 +53,7 @@ export default function DesktopSelect({ servers, value, onChange }: Props) {
       </Button>
       {isOpen && (
         <div className="absolute z-1 top-full w-full bg-white rounded-[0.556vw] outline outline-black/10">
-          {servers.map((server) => (
+          {servers?.map((server) => (
             <Button
               key={server.id}
               onlyIcon
diff --git a/src/components/Select.tsx b/src/components/Select.tsx
index 82036bf..442e7bc 100644
--- a/src/components/Select.tsx
+++ b/src/components/Select.tsx
@@ -20,10 +20,6 @@ export default function Select({ options, onChange }: Props) {
     setIsOpen(false);
   }
 
-  useEffect(() => {
-    console.log(selectedOption);
-  }, [selectedOption]);
-
   useEffect(() => {
     if (selectedOption && !options.includes(selectedOption)) {
       setSelectedOption(undefined);
diff --git a/src/components/modals/CreateSessionModal.tsx b/src/components/modals/CreateSessionModal.tsx
index b780385..747d8f0 100644
--- a/src/components/modals/CreateSessionModal.tsx
+++ b/src/components/modals/CreateSessionModal.tsx
@@ -12,7 +12,7 @@ import { IClient } from "../../types/IClient.ts";
 import useModalStore from "../../stores/useModalStore.ts";
 
 interface Props {
-  servers: IServer[];
+  servers: IServer[] | undefined;
 }
 
 export default function CreateSessionModal({ servers }: Props) {
@@ -124,7 +124,7 @@ export default function CreateSessionModal({ servers }: Props) {
           <div className="flex justify-between items-center">
             <p className="text-[0.972vw]">Стол</p>
             <DesktopSelect
-              servers={servers.filter(
+              servers={servers?.filter(
                 ({ sessions }) =>
                   !sessions ||
                   !sessions.length ||