feat: 커서 변경, 지난 모임 클릭 막기

dnd-side-project · Nov 5, 2024 · 18db68f · 18db68f
1 parent deeaef9
commit 18db68f
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/components/features/MeetingList/index.tsx b/src/components/features/MeetingList/index.tsx
@@ -22,7 +22,14 @@ export const MeetingList = ({ title, data }: Props) => {
       <Head4>{title}</Head4>
       {data.length > 0 ? (
         data.map((meeting, index) => (
-          <Card key={meeting.meetingUuid} onClick={() => navigate(`/${meeting.meetingUuid}`)}>
+          <Card
+            key={meeting.meetingUuid}
+            onClick={() => !isPastDate(meeting.dueDateTime) && navigate(`/${meeting.meetingUuid}`)}
+            style={{
+              cursor: isPastDate(meeting.dueDateTime) ? 'default' : 'pointer !important',
+              userSelect: 'none',
+            }}
+          >
             <FlexBox flexDir="row" justifyContent="space-between" margin="0 0 10px 0">
               <FlexBox alignItems="normal" gap={7}>
                 <Chip.Group>