inmake/graff-mate-client
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat: add ClientCard and SessionModal components, enhance session handling with comments and duration utilities

Browse Source
This commit is contained in:
c00b3r
2025-06-06 18:35:12 +05:00
parent 8af9ad59b3
commit a4a3fde940
15 changed files with 279 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/SessionCard.tsx
+10 -1
View File
@@ -1,8 +1,17 @@
import useModalStore from "../stores/useModalStore";
import { ISession } from "../types/ISession";
import SessionModal from "./modals/SessionModal";
function SessionCard({ session }: { session: ISession }) {
const { setModal, setPosition } = useModalStore();
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="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"
onClick={() => {
setModal(<SessionModal session={session} />);
setPosition("right");
}}
>
<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]">