modal upd

src/components/modals/CreateSessionModal.tsx

@@ -1,20 +1,18 @@
-import Button from "../Button.tsx";
-import SessionIcon from "../icons/SessionIcon.tsx";
-import Input from "../Input.tsx";
-import useQueryApps from "../../queries/useQueryApps.ts";
-import useQueryServers from "../../queries/useQueryServers.ts";
-import Select from "../Select.tsx";
-import DisplayIcon from "../icons/DisplayIcon.tsx";
+import { IServer } from '../../types/IServer.ts';
+import Button from '../Button.tsx';
+import Input from '../Input.tsx';
+import DisplayIcon from '../icons/DisplayIcon.tsx';
 
-export default function CreateSessionModal() {
-  const { data: apps } = useQueryApps();
-  const { data: servers } = useQueryServers();
+interface Props {
+  servers: IServer[];
+}
 
+export default function CreateSessionModal({ servers }: Props) {
   return (
-    <div className="w-[34.375vw] h-full rounded-[0.833vw] bg-white p-[1.667vw] flex flex-col justify-between gap-[1.111vw]">
+    <div className="w-[34.375vw] rounded-[0.833vw] bg-white min-h-full p-[1.667vw] flex flex-col justify-between gap-[1.111vw]">
       <div className="gap-y-[1.111vw] flex flex-col justify-between">
         <div className="space-y-[0.556vw]">
-          <div className="p-[0.833vw] ring-1 w-fit rounded-[0.556vw]">
+          <div className="p-[0.833vw] ring-[0.069vw] ring-[#E6E6E6] w-fit rounded-[0.556vw]">
             <div className="w-[1.389vw] h-[1.389vw]">
               <DisplayIcon />
             </div>
@@ -47,16 +45,6 @@ export default function CreateSessionModal() {
             <Input placeholder="sample@mail.ru" type="email" />
           </div>
         </div>
-        {apps && (
-          <div className="flex justify-between items-center">
-            <p className="text-[0.972vw]">Приложение</p>
-            <div className="outline outline-black/10 rounded-[0.556vw] w-[13.889vw]">
-              <Select
-                options={apps.map(({ id, name }) => ({ id, value: name }))}
-              />
-            </div>
-          </div>
-        )}
         <hr className="border-black/10" />
       </div>
       <div className="flex justify-between">