fixes

src/components/modals/EndSessionModal.tsx

@@ -22,12 +22,6 @@ function EndSessionModal({ session }: { session: Session }) {
       api
         .put(`sessions/${session.id}`, { json: { status: "ending" } })
         .json<Session>(),
-    onMutate: () => {
-      // queryClient.invalidateQueries({ queryKey: ["sessions"] });
-      // queryClient.invalidateQueries({ queryKey: ["last-started"] });
-      // queryClient.invalidateQueries({ queryKey: ["servers"] });
-      setModal(null);
-    },
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ["servers"] });
       queryClient.invalidateQueries({ queryKey: ["last-sessions"] });
@@ -73,6 +67,7 @@ function EndSessionModal({ session }: { session: Session }) {
                 className="w-full"
                 onClick={() => {
                   if (isSuccess) {
+                    setPosition("right");
                     setModal(<SessionModal session={session} />);
                   } else {
                     endSession();

src/components/modals/SessionModal.tsx

@@ -13,6 +13,7 @@ import api from "../../utils/api";
 import SessionFiles from "../SessionFiles";
 import DownloadIcon from "../icons/DownloadIcon";
 import ShareIcon from "../icons/ShareIcon";
+import { Client } from "../../types/Client";
 
 function SessionModal({ session }: { session: Session }) {
   const { data: files } = useQuery({
@@ -27,6 +28,12 @@ function SessionModal({ session }: { session: Session }) {
         .json<{ filename: string; size: number }[]>(),
   });
 
+  const { data: client } = useQuery({
+    queryKey: ["clients", session.client.id],
+    queryFn: () => api.get(`clients/${session.client.id}`).json<Client>(),
+    enabled: !!session.client.id,
+  });
+
   return (
     <div className="bg-[#FFFFFF] w-[49.722vw] rounded-[2.222vw]">
       <div className="w-full flex justify-center items-center h-[4.861vw] border-b-1 border-[#D6D6D6]">
@@ -81,7 +88,7 @@ function SessionModal({ session }: { session: Session }) {
                 </span>
               </p>
             </div>
-            <ClientCard client={session.client} />
+            {client && <ClientCard client={client} />}
           </div>
           <div className="flex flex-col gap-[1.111vw] bg-white rounded-[1.667vw] p-[1.111vw]">
             <h3 className="title-s flex font-medium">