Merge branch 'main' of http://192.168.1.163:3000/inmake/graff-mate-client

src/components/modals/CreateSessionModal.tsx

@@ -262,3 +262,4 @@ export default function CreateSessionModal({ targetServerId }: Props) {
     </form>
   );
 }
+

src/components/modals/SessionModal.tsx

@@ -9,9 +9,9 @@ import Badge from "../Badge";
 import ClientCard from "../ClientCard";
 import DownloadIcon from "../icons/DownloadIcon";
 import ShareIcon from "../icons/ShareIcon";
+import SessionComments from "../SessionComments";
 
 function SessionModal({ session }: { session: ISession }) {
-  console.log(session);
   return (
     <div className="bg-[#FFFFFF] w-[49.722vw] rounded-4xl">
       <div className="w-full flex justify-center items-center h-[4.861vw]">
@@ -123,25 +123,7 @@ function SessionModal({ session }: { session: ISession }) {
             </div>
           </div>
         </div>
-        <div className="flex-1 flex flex-col">
-          <div className="relative h-full">
-            {session.comments.length > 0 ? (
-              <div>Комменты</div>
-            ) : (
-              <div className="flex flex-col gap-[1.111vw] items-center justify-center h-full">
-                <img src="/images/smile-ghost.png" alt="ghost" />
-                <div className="flex flex-col gap-[0.556vw] items-center">
-                  <h3 className="title-m font-medium">Оставьте заметку</h3>
-                  <p className="caption-s font-medium text-[#BDBDBD] text-center whitespace-pre-line">
-                    {`В дальнейшем это поможет быстро найти
-                    клиента и не запутаться.`}
-                  </p>
-                </div>
-              </div>
-            )}
-          </div>
-          <div className="h-[5.556vw] border-black border-t"></div>
-        </div>
+        <SessionComments comments={session.comments} sessionId={session.id} />
       </div>
     </div>
   );