From dfc8c95f04fca676c8fa6605d9bd7dade6c1bddf Mon Sep 17 00:00:00 2001
From: mindongmindong <dcmin123@ajou.ac.kr>
Date: Sat, 9 Dec 2023 23:40:10 +0900
Subject: [PATCH] =?UTF-8?q?[EDIT]=EB=B2=84=ED=8A=BC=20=EB=B9=84=ED=99=9C?=
=?UTF-8?q?=EC=84=B1=ED=99=94,=20maxparitcipants?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
react-whenMeet/package.json | 2 +-
.../src/components/MeetingInfoForm.js | 18 ++++++++++++------
2 files changed, 13 insertions(+), 7 deletions(-)
diff --git a/react-whenMeet/package.json b/react-whenMeet/package.json
index 600f87f..dafb6ea 100644
--- a/react-whenMeet/package.json
+++ b/react-whenMeet/package.json
@@ -19,7 +19,7 @@
"web-vitals": "^2.1.4"
},
"scripts": {
- "start": "export PORT=3001 && react-scripts start",
+ "start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
diff --git a/react-whenMeet/src/components/MeetingInfoForm.js b/react-whenMeet/src/components/MeetingInfoForm.js
index 7c6f0cf..a88b6a4 100644
--- a/react-whenMeet/src/components/MeetingInfoForm.js
+++ b/react-whenMeet/src/components/MeetingInfoForm.js
@@ -13,8 +13,10 @@ function MeetingInfoForm() {
const [meetingPurpose, setMeetingPurpose] = useState("");
const [number, setNumber] = useState();
const [endVote, setEndVote] = useState("");
- const [startTime, setStartTime] = useState();
- const [endTime, setEndTime] = useState();
+ const [startTime, setStartTime] = useState("");
+ const [endTime, setEndTime] = useState("");
+ const [startNum,setStartNum] = useState();
+ const [endNum,setEndNum] = useState();
const navigate = useNavigate();
const location = useLocation();
const { title, password } = location.state;
@@ -27,10 +29,9 @@ function MeetingInfoForm() {
const handleNumber = (event) => {
const inputValue = event.target.value;
- if (inputValue >= 0) {
+ if (inputValue > 0) {
setNumber(inputValue);
} else {
- alert("양수만을 입력하세요");
setNumber("");
}
};
@@ -38,11 +39,14 @@ function MeetingInfoForm() {
const handleVoteEnd = (event) => {
setEndVote(event.target.value);
};
+
const handleStartTimeChange = (selectedHour, selectedMinute) => {
+ setStartNum(selectedHour*2 + selectedMinute/30)
setStartTime(`${selectedHour}:${selectedMinute}:00`);
};
const handleEndTimeChange = (selectedHour, selectedMinute) => {
+ setEndNum(selectedHour*2 + selectedMinute/30)
setEndTime(`${selectedHour}:${selectedMinute}:00`);
};
@@ -50,7 +54,6 @@ function MeetingInfoForm() {
event.preventDefault();
if (meetingPurpose === "" || meetingPurpose === "선택") {
- alert("목적을 선택하세요");
} else {
let transformedPurpose = meetingPurpose; // 기본값은 그대로 유지
@@ -88,6 +91,9 @@ function MeetingInfoForm() {
console.log(meetingPurpose);
}
};
+
+ const isFormValid = meetingPurpose.trim() !== "" && startNum <= endNum;
+
return (
<form onSubmit={handleSubmit}>
<div className="center-container2">
@@ -142,7 +148,7 @@ function MeetingInfoForm() {
/>
</div>
</div>
- <Button type="submit" text="시작하기" />
+ <Button type="submit" text="시작하기" disabled={!isFormValid}/>
</div>
</form>
);
--
GitLab