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

sessions search

Browse Source
This commit is contained in:
Lanskikh
2025-06-10 15:14:40 +05:00
parent 538e2b67bc
commit ec6d05f4cf
27 changed files with 203 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/SessionCard.tsx
+4 -4
View File
@@ -1,18 +1,18 @@
import useModalStore from "../stores/useModalStore";
import { ISession } from "../types/ISession";
import { Session } from "../types/ISession";
import SessionModal from "./modals/SessionModal";
function SessionCard({ session }: { session: ISession }) {
function SessionCard({ session }: { session: Session }) {
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"
className="w-full h-[4.444vw] border-b-1 first:border-t-1 border-[#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="rounded-[1.111vw] w-full h-full flex items-center gap-[0.556vw] group-hover:bg-[#F6F6F6] transition-colors duration-200 px-[1.111vw] py-[0.972vw]">
<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>