sending comments fixes pxls

2025-06-09 19:04:18 +05:00
parent 29a29d53a0
commit 364db1adf7
7 changed files with 93 additions and 79 deletions
@@ -120,20 +120,6 @@ export default function CreateSessionModal({ targetServerId }: Props) {
    }

    endSession(undefined, {
-      // onSuccess: () => {
-      //   createClient(undefined, {
-      //     onSuccess: (client) => {
-      //       createSession({
-      //         clientId: client.id,
-      //         serverId: selectedServer.id,
-      //         appId: selectedApp.id,
-      //       });
-      //     },
-      //     onError: (error) => {
-      //       console.log(error);
-      //     },
-      //   });
-      // },
      onError: (error) => {
        console.log("Ошибка при завершении сессии:", error);
      },
@@ -141,14 +127,13 @@ export default function CreateSessionModal({ targetServerId }: Props) {
  }

  useEffect(() => {
-    console.log(servers, selectedServer, selectedApp, isSessionExists);
    if (
      selectedServer &&
      servers?.find((server) => server.id === selectedServer?.id)?.sessions?.[0]
        ?.status === "ended" &&
      selectedApp &&
      isSessionExists
-    ) {
+    )
      createClient(undefined, {
        onSuccess: (client) => {
          createSession({
@@ -158,7 +143,6 @@ export default function CreateSessionModal({ targetServerId }: Props) {
          });
        },
      });
-    }
  }, [
    selectedApp,
    servers,
@@ -172,7 +156,7 @@ export default function CreateSessionModal({ targetServerId }: Props) {

  return (
    <form
-      className="relative rounded-[2.222vw] w-[25vw] min-h-[calc(100dvh-2.222vw)] bg-[#F0F0F0] flex flex-col overflow-hidden "
+      className="relative rounded-[2.222vw] w-[25vw] min-h-[calc(100dvh-2.222vw)] bg-[#F0F0F0] flex flex-col overflow-hidden"
      onSubmit={handleClickCreateSession}
      ref={ref}
    >
@@ -245,11 +229,15 @@ export default function CreateSessionModal({ targetServerId }: Props) {
        <NewButton
          type="submit"
          disabled={
-            !ref.current?.checkValidity() || !selectedServer || !selectedApp
+            !ref.current?.checkValidity() ||
+            !selectedServer ||
+            !selectedApp ||
+            servers?.find((server) => server.id === selectedServer?.id)
+              ?.sessions?.[0]?.status === "ending"
          }
          variant="cta"
          size="large"
-          className="sticky bottom-[1.111vw]"
+          className="sticky bottom-0"
        >
          <div className="rounded-full bg-[#9184F6] in-disabled:bg-transparent px-[0.278vw] py-[0.208vw] size-[1.111vw]">
            <div className="w-[0.694vw] h-[0.556vw]">
@@ -262,4 +250,3 @@ export default function CreateSessionModal({ targetServerId }: Props) {
    </form>
  );
 }
-
@@ -27,52 +27,52 @@ function EditTable({ table }: { table: IServer }) {
      setModal(null);
    },
  });
-  
+
  return (
-    <div className='bg-[#F0F0F0] rounded-4xl w-[25vw] flex flex-col justify-center items-center'>
-      <h3 className='title-s font-medium py-[1.806vw]'>Редатирование стола</h3>
-      <div className='bg-[url("/images/Table.png")] bg-no-repeat bg-contain bg-center w-full h-[6.944vw]'></div>
-      <div className='bg-[#FFFFFF] w-full rounded-4xl p-[1.389vw] flex flex-col gap-[0.833vw]'>
-        <div className='space-y-[0.556vw]'>
+    <div className="bg-[#F0F0F0] rounded-4xl w-[25vw] flex flex-col justify-center items-center">
+      <h3 className="title-s font-medium py-[1.806vw]">Редактирование стола</h3>
+      <div className="bg-[url(/images/Table.png)] bg-no-repeat bg-contain bg-center w-full h-[6.944vw]"></div>
+      <div className="bg-[#FFFFFF] w-full rounded-4xl p-[1.389vw] flex flex-col gap-[0.833vw]">
+        <div className="space-y-[0.556vw]">
          <NewInput
-            placeholder='Название стола*'
+            placeholder="Название стола*"
            value={tableName}
            onChange={(e) => setTableName(e.target.value)}
            isError={tableName.length > 16}
-            errorMessage='Не больше 16 символов'
+            errorMessage="Не больше 16 символов"
          />
-          <p className='caption-s text-[#BDBDBD] font-medium w-full tracking-[-0.02em]'>
+          <p className="caption-s text-[#BDBDBD] font-medium w-full tracking-[-0.02em]">
            Придумайте название до 16 символов, например «Тузик»
          </p>
        </div>
-        <div className='space-y-[0.556vw]'>
+        <div className="space-y-[0.556vw]">
          <NewInput
-            placeholder='Описание'
+            placeholder="Описание"
            value={tableDescription}
            onChange={(e) => setTableDescription(e.target.value)}
            isError={tableDescription.length > 20}
-            errorMessage='Не больше 20 символов'
+            errorMessage="Не больше 20 символов"
          />
-          <p className='caption-s text-[#BDBDBD] font-medium w-full tracking-[-0.02em]'>
+          <p className="caption-s text-[#BDBDBD] font-medium w-full tracking-[-0.02em]">
            Придумайте описание до 20 символов, например «Расположен в офисе»
          </p>
        </div>
-        <div className='flex flex-col gap-[0.556vw]'>
+        <div className="flex flex-col gap-[0.556vw]">
          <NewButton
-            variant='cta'
+            variant="cta"
            disabled={
              tableName.length < 1 ||
              tableName.length > 16 ||
              tableDescription.length > 20
            }
-            className='flex justify-center'
+            className="flex justify-center"
            onClick={() => updateTable()}
          >
            <p>Сохранить изменения</p>
          </NewButton>
          <NewButton
-            variant='primary'
-            className='flex justify-center'
+            variant="primary"
+            className="flex justify-center"
            onClick={() => setModal(null)}
          >
            <p>Отменить</p>
@@ -15,7 +15,7 @@ function SessionModal({ session }: { session: ISession }) {
  return (
    <div className="bg-[#FFFFFF] w-[49.722vw] rounded-4xl">
      <div className="w-full flex justify-center items-center h-[4.861vw]">
-        <div className="title-s font-medium flex">
+        <div className="title-s flex font-medium">
          <p>{format(session.createdAt, "dd MMMM yyyy", { locale: ru })}</p>
          <p>,&nbsp;{format(session.createdAt, "HH:mm")}</p>
        </div>
@@ -69,7 +69,7 @@ function SessionModal({ session }: { session: ISession }) {
            <ClientCard client={session.client} />
          </div>
          <div className="flex flex-col gap-[1.111vw] bg-white rounded-3xl p-[1.111vw]">
-            <h3 className="title-s font-medium flex">
+            <h3 className="title-s flex font-medium">
              Речевая&nbsp;
              <span className="text-[#7B60F3] flex">
                аналитика&nbsp;
@@ -105,8 +105,8 @@ function SessionModal({ session }: { session: ISession }) {
            </NewButton>
          </div>
          <div className="flex flex-col gap-[1.111vw] bg-white rounded-3xl p-[1.111vw]">
-            <h3 className="title-s font-medium flex">
-              Документы по сеансу <Badge count={4} />
+            <h3 className="title-s flex items-center font-medium gap-[0.556vw]">
+              <span>Документы по сеансу</span> <Badge count={4} />
            </h3>
            <div className="flex w-full gap-[0.556vw]">
              <NewButton variant="primary" size="large" className="w-full">