Skip to content

Commit

Permalink
feat: 모달에 닫는 버튼 추가
Browse files Browse the repository at this point in the history
  • Loading branch information
dooohun committed Dec 1, 2024
1 parent 456e5f0 commit 6d54411
Showing 1 changed file with 6 additions and 1 deletion.
7 changes: 6 additions & 1 deletion packages/client/src/pages/quiz-list/ui/QuizTitleModal.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,8 @@ import { useCreateClass } from '@/shared/hooks/classes';
import { useState } from 'react';
import { useNavigate } from 'react-router-dom';

import CloseIcon from '@/shared/assets/icons/close.svg?react';

interface QuizTitleModalProps {
onClose: () => void;
}
Expand Down Expand Up @@ -32,13 +34,16 @@ export default function QuizTitleModal({ onClose }: QuizTitleModalProps) {
};
return (
<form
className="w-[480px] h-[250px] flex flex-col items-center justify-center gap-4 p-5 bg-white rounded-lg border border-gray-200"
className="relative w-[480px] h-[250px] flex flex-col items-center justify-center gap-4 p-5 bg-white rounded-lg border border-gray-200"
onClick={(e) => e.stopPropagation()}
onSubmit={(e) => {
e.preventDefault();
handleConfirmClick();
}}
>
<button type="button" className="absolute top-5 right-5" onClick={onClose}>
<CloseIcon className="w-5 h-5" />
</button>
<h1 className="text-xl font-bold">클래스 정보를 입력해주세요</h1>
<input
type="text"
Expand Down

0 comments on commit 6d54411

Please sign in to comment.