feat: integrate SessionCard component and enhance EditTable modal for improved session management

2025-06-03 18:33:18 +05:00
parent e38f4a7fc7
commit a7f2b0c32d
8 changed files with 137 additions and 39 deletions
@@ -0,0 +1,21 @@
+import { ISession } from "../types/ISession";
+
+function SessionCard({ session }: { session: ISession }) {
+  console.log(session);
+  return (
+    <div className='w-full h-[4.444vw] border-1 border-l-0 border-r-0 border-t-0 border-b-[#F6F6F6] flex py-[0.278vw] items-center gap-[0.556vw] cursor-pointer group'>
+      <div className='rounded-xl w-full h-full flex items-center gap-[0.556vw] group-hover:bg-[#F6F6F6] transition-colors duration-200'>
+        <div className='size-[2.5vw] bg-[#F6F6F6] rounded-full'></div>
+        <div className='flex flex-col w-full gap-[0.278vw]'>
+          <p className='button-m font-medium'>{session.owner.fullname}</p>
+          <p className='caption-s font-medium text-[#7D7D7D]'>
+            Клиент: {session.client.name}&nbsp;•&nbsp;
+            {session.app.name}
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default SessionCard;