From a9c5635f0b4763bc2888489a488123e5d2fb7088 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=84=9D=EC=B0=AC=20=EC=9C=A4?= <ysc0731@ajou.ac.kr>
Date: Tue, 10 Dec 2024 03:12:58 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20div=20=ED=81=B4=EB=A6=AD=EC=9D=B4?=
=?UTF-8?q?=EB=B2=A4=ED=8A=B8=20=EC=98=A4=EB=A5=98=20=ED=95=B4=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/components/Card.jsx | 29 ++++++++++++++++-------------
src/pages/MeetingPage.jsx | 8 ++++----
2 files changed, 20 insertions(+), 17 deletions(-)
diff --git a/src/components/Card.jsx b/src/components/Card.jsx
index 6a0e284..63a2311 100644
--- a/src/components/Card.jsx
+++ b/src/components/Card.jsx
@@ -4,19 +4,22 @@ import React from "react";
import Button from "./Button";
import Label from "./Label";
import { convertIndexToTime } from "../utils/time";
-const cardVariants = cva("w-full rounded-xl shadow-lg p-4 overflow-hidden", {
- variants: {
- theme: {
- black: "bg-black text-white",
- white: "bg-white text-black",
- pink: "bg-gradient-pink text-white",
- purple: "bg-gradient-purple text-white",
- indigo: "bg-gradient-indigo text-white",
- mix: "bg-gradient-mix text-white",
- gray: "bg-gray-300 text-gray-500",
+const cardVariants = cva(
+ "w-full rounded-xl shadow-lg p-4 overflow-hidden cursor-pointer",
+ {
+ variants: {
+ theme: {
+ black: "bg-black text-white",
+ white: "bg-white text-black",
+ pink: "bg-gradient-pink text-white",
+ purple: "bg-gradient-purple text-white",
+ indigo: "bg-gradient-indigo text-white",
+ mix: "bg-gradient-mix text-white",
+ gray: "bg-gray-300 text-gray-500",
+ },
},
- },
-});
+ }
+);
export default function Card({
meeting,
@@ -52,7 +55,7 @@ export default function Card({
const deadlineTime = convertIndexToTime(time_idx_deadline);
return (
- <div className={cn(variantClass)} onClick={onClick}>
+ <div className={cn(variantClass)} onClick={onClick} role="button">
<h3 className="mb-2 text-xl font-bold">{title}</h3>
<Label size="sm" theme="black">
장소: {location}
diff --git a/src/pages/MeetingPage.jsx b/src/pages/MeetingPage.jsx
index 98211da..2ec5b9a 100644
--- a/src/pages/MeetingPage.jsx
+++ b/src/pages/MeetingPage.jsx
@@ -106,7 +106,7 @@ const MeetingPage = () => {
};
const handleJoinButtonClick = async (e, meetingId) => {
- // e.stopPropagation();
+ e.stopPropagation();
try {
await joinMeeting(meetingId);
alert("번개 모임에 성공적으로 참가했습니다!");
@@ -137,7 +137,7 @@ const MeetingPage = () => {
};
const handleDeleteButtonClick = async (e, meetingId) => {
- // e.stopPropagation();
+ e.stopPropagation();
try {
await deleteMeeting(meetingId);
alert("번개 모임을 삭제했습니다!");
@@ -157,7 +157,7 @@ const MeetingPage = () => {
};
const handleLeaveButtonClick = async (e, meetingId) => {
- // e.stopPropagation();
+ e.stopPropagation();
try {
await leaveMeeting(meetingId);
alert("번개 모임을 나갔습니다!");
@@ -177,7 +177,7 @@ const MeetingPage = () => {
};
const handleCloseButtonClick = async (e, meetingId) => {
- // e.stopPropagation();
+ e.stopPropagation();
try {
await closeMeeting(meetingId);
alert("번개 모임을 마감했습니다!");
--
GitLab