diff --git a/client/src/components/Modal/DeleteModal.tsx b/client/src/components/Modal/DeleteModal.tsx index c60d6546..5bc1da85 100644 --- a/client/src/components/Modal/DeleteModal.tsx +++ b/client/src/components/Modal/DeleteModal.tsx @@ -1,4 +1,3 @@ -import { Link } from 'react-router-dom'; import { PageName, Squares, TopBar } from 'styles/styled'; import { ModalBackdrop, diff --git a/client/src/components/Modal/ReportModal.tsx b/client/src/components/Modal/ReportModal.tsx index 164dec7d..acc857c4 100644 --- a/client/src/components/Modal/ReportModal.tsx +++ b/client/src/components/Modal/ReportModal.tsx @@ -1,78 +1,168 @@ import React, { useState } from 'react'; import { PageName, Squares, TopBar } from 'styles/styled'; -import { ModalBackdrop, ReportModalContainer, ContentContainer, Instruction, ReportBox, ListName, ReportList, Buttons } from './styled'; +import { + ModalBackdrop, + ReportModalContainer, + ContentContainer, + Instruction, + ReportBox, + ListName, + ReportList, + Buttons, +} from './styled'; type GreetingProps = { - clickModalHandler: () => void; - reportHandler: (reportIssue: string) => void; + clickModalHandler: () => void; + reportHandler: (reportIssue: string) => void; }; -export default function ReportModal ({ clickModalHandler, reportHandler }: GreetingProps) { - const [reportIssue, setReportIssue] = useState(''); - const [openIssue, setOpenIssue] = useState(false); +export default function ReportModal({ + clickModalHandler, + reportHandler, +}: GreetingProps) { + const [reportIssue, setReportIssue] = useState(''); + const [openIssue, setOpenIssue] = useState(false); - const issueHandler = (event: React.ChangeEvent) => { - setOpenIssue(false); - setReportIssue(event.target.value); - } + const issueHandler = (event: React.ChangeEvent) => { + setOpenIssue(false); + setReportIssue(event.target.value); + }; - const issueInputHandler = (event: React.ChangeEvent) => { - setReportIssue(event.target.value); - } + const issueInputHandler = (event: React.ChangeEvent) => { + setReportIssue(event.target.value); + }; - const openIssueHandler = () => { - setOpenIssue(!openIssue); - setReportIssue(''); - } + const openIssueHandler = () => { + setOpenIssue(!openIssue); + setReportIssue(''); + }; - const submitReportAndCloseModal = () => { - reportHandler(reportIssue); - clickModalHandler(); - } - console.log(reportIssue) - return ( - <> - - e.stopPropagation()}> - - 신고하기 - -
-
-
×
-
-
- - -
신고는 반대 의견을 표시하는 기능이 아닙니다.
-
허위신고일 경우, 서비스 이용이 제한될 수 있으니 신중하게 신고해주세요.
-
- - 신고사유 - -
-
욕설/폭력/혐오/차별적 표현입니다.
-
명예훼손/사칭/사생활침해 게시물입니다.
-
개인정보 노출 게시물입니다.
-
음란물입니다.
-
불법정보를 포함하고 있습니다.
-
스팸홍보/도배글입니다.
-
지나친 분란을 유도합니다.
-
직접입력
- {openIssue && -