Skip to content
Snippets Groups Projects
Commit a9c5635f authored by 석찬 윤's avatar 석찬 윤
Browse files

fix: div 클릭이벤트 오류 해결

parent ac692528
No related branches found
No related tags found
1 merge request!56fix: 친구 수락시 동기화 및 미팅페이지 상세보기 오류 해결
Pipeline #11042 passed
...@@ -4,7 +4,9 @@ import React from "react"; ...@@ -4,7 +4,9 @@ import React from "react";
import Button from "./Button"; import Button from "./Button";
import Label from "./Label"; import Label from "./Label";
import { convertIndexToTime } from "../utils/time"; import { convertIndexToTime } from "../utils/time";
const cardVariants = cva("w-full rounded-xl shadow-lg p-4 overflow-hidden", { const cardVariants = cva(
"w-full rounded-xl shadow-lg p-4 overflow-hidden cursor-pointer",
{
variants: { variants: {
theme: { theme: {
black: "bg-black text-white", black: "bg-black text-white",
...@@ -16,7 +18,8 @@ const cardVariants = cva("w-full rounded-xl shadow-lg p-4 overflow-hidden", { ...@@ -16,7 +18,8 @@ const cardVariants = cva("w-full rounded-xl shadow-lg p-4 overflow-hidden", {
gray: "bg-gray-300 text-gray-500", gray: "bg-gray-300 text-gray-500",
}, },
}, },
}); }
);
export default function Card({ export default function Card({
meeting, meeting,
...@@ -52,7 +55,7 @@ export default function Card({ ...@@ -52,7 +55,7 @@ export default function Card({
const deadlineTime = convertIndexToTime(time_idx_deadline); const deadlineTime = convertIndexToTime(time_idx_deadline);
return ( 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> <h3 className="mb-2 text-xl font-bold">{title}</h3>
<Label size="sm" theme="black"> <Label size="sm" theme="black">
장소: {location} 장소: {location}
......
...@@ -106,7 +106,7 @@ const MeetingPage = () => { ...@@ -106,7 +106,7 @@ const MeetingPage = () => {
}; };
const handleJoinButtonClick = async (e, meetingId) => { const handleJoinButtonClick = async (e, meetingId) => {
// e.stopPropagation(); e.stopPropagation();
try { try {
await joinMeeting(meetingId); await joinMeeting(meetingId);
alert("번개 모임에 성공적으로 참가했습니다!"); alert("번개 모임에 성공적으로 참가했습니다!");
...@@ -137,7 +137,7 @@ const MeetingPage = () => { ...@@ -137,7 +137,7 @@ const MeetingPage = () => {
}; };
const handleDeleteButtonClick = async (e, meetingId) => { const handleDeleteButtonClick = async (e, meetingId) => {
// e.stopPropagation(); e.stopPropagation();
try { try {
await deleteMeeting(meetingId); await deleteMeeting(meetingId);
alert("번개 모임을 삭제했습니다!"); alert("번개 모임을 삭제했습니다!");
...@@ -157,7 +157,7 @@ const MeetingPage = () => { ...@@ -157,7 +157,7 @@ const MeetingPage = () => {
}; };
const handleLeaveButtonClick = async (e, meetingId) => { const handleLeaveButtonClick = async (e, meetingId) => {
// e.stopPropagation(); e.stopPropagation();
try { try {
await leaveMeeting(meetingId); await leaveMeeting(meetingId);
alert("번개 모임을 나갔습니다!"); alert("번개 모임을 나갔습니다!");
...@@ -177,7 +177,7 @@ const MeetingPage = () => { ...@@ -177,7 +177,7 @@ const MeetingPage = () => {
}; };
const handleCloseButtonClick = async (e, meetingId) => { const handleCloseButtonClick = async (e, meetingId) => {
// e.stopPropagation(); e.stopPropagation();
try { try {
await closeMeeting(meetingId); await closeMeeting(meetingId);
alert("번개 모임을 마감했습니다!"); alert("번개 모임을 마감했습니다!");
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment