[Fix/#243] 선호 시간 입력 다음 버튼 활성화 안되는 문제 해결

src/components/atomComponents/PasswordInput.tsx

@@ -16,7 +16,6 @@ function PasswordInput({ value, placeholder, passWordOnChange, page }: ValueProp
   const [inputType, setInputType] = useState(true);
 
   const changePasswordType = () => {
-    console.log(inputType);
     setInputType((prev) => !prev);
   };
   return (

src/components/scheduleComponents/components/PriorityDropdown.tsx

@@ -81,12 +81,6 @@ function PriorityDropdown() {
     handleDropdown(i);
   };
 
-  // useEffect(
-  //   () => {
-  //     console.log(input_);
-  //   },
-  //   [input_],
-  // );
   return (
     <PriorityDropdownWrapper>
       {scheduleList.map(

src/pages/ComponentTesting.tsx

@@ -114,7 +114,7 @@ function ComponentTesting() {
 
           {buttonType.map((type, i) => {
             return (
-              <Button key={i} typeState={type} onClick={() => console.log(`${type}`)}>
+              <Button key={i} typeState={type}>
                 <Text font={'button2'}>약속 생성하기</Text>
               </Button>
             );

src/pages/OverallSchedule/OverallSchedule.tsx

@@ -44,7 +44,6 @@ const OverallSchedule = () => {
       const result = await overallScheduleApi(meetingId);
       const { data } = result.data;
       const uniqueData = [...new Set(data.totalUserNames)];
-      console.log(uniqueData);
       setOverallScheduleData(data);
       setMemberCount(data.memberCount);
       setTotalUserNames(uniqueData);
@@ -61,9 +60,6 @@ const OverallSchedule = () => {
   const formattedAvailableDateTimes =
   overallScheduleData && getFormattedAvailableDateTimes(overallScheduleData);
 
-console.log(timeSlotUserNames);
-console.log(formattedAvailableDateTimes);
-console.log(timeSlotUserNames);
   return (
     <OverallScheduleWrapper>
       {overallScheduleData ? (

src/pages/OverallSchedule/components/Column.tsx

@@ -30,7 +30,6 @@ const Column = (props: ColumnProps) => {
   } = props;
 
   const handleSlotClick = () => {
-    console.log(filterUserNames(userNames));
     setTimeSlotUserName(userNames);
     setClickedTimeSlot(rowIdx + timeSlot);
   };

src/pages/OverallSchedule/components/Row.tsx

@@ -54,7 +54,6 @@ const Row = (props: RowProps) => {
     if (objArray === undefined) return;
     const targetObj = objArray.find((obj)=> obj.time === targetTime);
     if(targetObj){
-      console.log(targetObj.userNames);
       const temp=filterUserNames(targetObj.userNames);
       return temp;
     }

src/pages/SteppingStone/SteppingLayout.tsx

@@ -39,7 +39,6 @@ function SteppingLayout({ steppingType }: SteppingProps) {
   );
 
   const handlePopstate = () => {
-    alert('handle 작동');
     navigate('/');
   };
 
@@ -49,14 +48,6 @@ function SteppingLayout({ steppingType }: SteppingProps) {
     };
   }, []);
 
-  // useEffect(() => {
-  //   history.pushState(null, '', location.href);
-  //   console.log(location.href);
-  //   window.onpopstate = function() {
-  //     history.go(1);
-  //   };
-  // }, []);
-
   return (
     <>
       <SteppingWrapper>

src/pages/createMeeting/components/useFunnel/SetTimes.tsx

@@ -71,8 +71,9 @@ function SetTimes({ meetingInfo, setMeetingInfo, setStep }: FunnelProps) {
       meetingInfo.preferTimes.length >= 2 ||
       (meetingInfo.preferTimes[0].startTime !== '00:00' &&
         meetingInfo.preferTimes[0].endTime !== '00:00')
-    )
+    ) {
       return true;
+    }
 
     return false;
   };
@@ -180,13 +181,7 @@ function SetTimes({ meetingInfo, setMeetingInfo, setStep }: FunnelProps) {
 
       <StyledBtnSection>
         <Button
-          typeState={
-            meetingInfo.preferTimes.length >= 1 &&
-            meetingInfo.preferTimes[0].startTime &&
-            meetingInfo.preferTimes[0].endTime !== '00:00'
-              ? 'primaryActive'
-              : 'primaryDisabled'
-          }
+          typeState={buttonStateHandler() ? 'primaryActive' : 'primaryDisabled'}
           onClick={
             buttonStateHandler()
               ? () => {
@@ -271,12 +266,12 @@ const DropUpIcon = styled(DropUpIc)`
 
 const DropDownContainer = styled.div`
   position: absolute;
-  background-color: white;
-  margin-top: 4.8rem;
   z-index: 2;
+  margin-top: 4.8rem;
+  border-bottom-left-radius: 0.8rem;
+  border-bottom-right-radius: 0.8rem;
+  background-color: white;
   width: 15.1rem;
   height: 14.4rem;
   overflow: auto;
-  border-bottom-left-radius: 0.8rem;
-  border-bottom-right-radius: 0.8rem;
 `;

src/pages/selectSchedule/SelectModal.tsx

@@ -24,15 +24,12 @@ function SelectModal({ setShowModal }: ModalProps) {
   const navigate = useNavigate();
   const { auth, meetingId } = useParams();
   const updateScheduleType = transformHostScheduleType(scheduleList);
-  console.log(updateScheduleType);
   const updateMemberScheduleType = transformUserScheduleType(scheduleList, userName);
-  console.log(updateMemberScheduleType);
 
   const postHostAvailableApi = async () => {
     try {
       if (meetingId && updateScheduleType) {
         const { data } = await hostAvailableApi(meetingId, updateScheduleType);
-        console.log(data);
         if (data.code === 201) {
           setShowModal(false);
           navigate(`/${auth}/schedule-complete/${meetingId}`);
@@ -80,14 +77,6 @@ function SelectModal({ setShowModal }: ModalProps) {
     }
   };
 
-  useEffect(
-    () => {
-      console.log(scheduleList);
-    },
-    [scheduleList],
-  );
-
-  // console.log(transformedScheduleList);
   const finishConfirm = () => {
     //여기에 api 연결하세요.
     if (auth === 'host') {

src/pages/selectSchedule/SelectSchedulePage.tsx

@@ -102,7 +102,6 @@ function SelectSchedulePage() {
       priority: 0,
     };
     setScheduleList([...scheduleList, schedule]);
-    console.log(scheduleList);
   };
 
   const deleteDataList = (index: number) => {
@@ -269,9 +268,9 @@ const StyledBtnSection = styled.section`
   bottom: 0;
   align-items: end;
   justify-content: center;
-  background: ${({ theme }) => theme.colors.dim_gradient};
 
-  margin-top:3rem;
+  margin-top: 3rem;
+  background: ${({ theme }) => theme.colors.dim_gradient};
   padding-bottom: 2.9rem;
 
   width: 100%;

src/pages/selectSchedule/components/DateSelect.tsx

@@ -19,7 +19,6 @@ function DateSelect({ id, handleDate, availableDates, scheduleList }: PropTypes)
 
   const [isOpen, setIsOpen] = useState(false);
   const ref = useRef<HTMLDivElement>(null);
-  console.log(id);
   useEffect(
     () => {
       const clickOutSide = (e: MouseEvent) => {

src/pages/selectSchedule/utils/changeApiReq.ts

@@ -9,9 +9,6 @@ export const transformHostScheduleType = (
   scheduleList: ScheduleStates[],
 ): (HostAvailableSchduleRequestType | null)[] => {
   return scheduleList.map((item) => {
-    // const regexResult = item.date.match(/(\d+)월 (\d+)일 \((\S+)\)/);
-    // console.log(regexResult);
-
     const matchedResult = item.date.match(/(\d+)월 (\d+)일 \((\S+)\)/);
     if (!matchedResult) {
       return null; // Handle the case when there is no match for the date pattern

src/utils/apis/overallScheduleApi.ts

@@ -5,8 +5,7 @@ import { authClient, client } from './axios';
 
 /** 가능 시간 입력 선택지 조회 api */
 export const availbleScheduleOptionApi = (meetingId?: string) => {
-  const data= client.get<AvailableScheduleOptionResponse>(`/meeting/${meetingId}/schedule`);
-  console.log(data);
+  const data = client.get<AvailableScheduleOptionResponse>(`/meeting/${meetingId}/schedule`);
   return client.get<AvailableScheduleOptionResponse>(`/meeting/${meetingId}/schedule`);
 };