Monthly 완성

client/src/components/Calendar/AdminMonthly.js

@@ -134,8 +134,10 @@ const AdminMonthly = () => {
                 timeZone="local"
                 events={scheduleList}
                 eventLimit={3}
-                moreLinkContent={function(arg) {
-                    return arg.shortText
+                moreLinkContent={arg => arg.shortText}
+                moreLinkClick={info => {
+                    setDateShow({ ...dateShow, date: moment(info.date).format('YYYY-MM-DD'), show: true })
+                    return <button type="button" className="btn btn-primary" data-bs-toggle="modal" data-bs-target="#scheduleModal"></button>
                 }}
                 themeSystem='bootstrap'
                 height='78vh'

client/src/components/Calendar/Monthly.js

@@ -126,12 +126,9 @@ const Monthly = () => {
                 timeZone="local"
                 themeSystem='bootstrap'
                 eventLimit={3}
-                moreLinkClick={function(arg) {
-                    console.log("click..?",arg)
-                }}
-                moreLinkContent={function(arg) {
-                    return arg.shortText
-                }}
+                eventOrder= 'displayOrder'
+                moreLinkContent={arg => arg.shortText}
+                moreLinkClick={info => history.push(`/schedule/${moment(info.date).format('YYYY-MM-DD')}`)}
                 height='80vh'
             />
             <DatePickerModal initialDate={initialDate} changeDate={changeDate} setChangeDate={setChangeDate} show={show} setShow={setShow} />

client/src/components/Schedule/ScheduleItem.js

@@ -20,7 +20,7 @@ const ScheduleItem = ({ index, curDate, schedule, handleClick }) => {
                         <div className="col-11">{schedule.location}</div>
                     </div> : null}
                     {schedule.memo}
-                    <div className="d-flex justify-content-end mt-3">
+                    <div className={"d-flex justify-content-end " + ((schedule.location || schedule.memo) ? "mt-3" : null)}>
                         <Link className="btn btn-light btn-sm border-dark" to={`/schedule/edit/${schedule.id}`}>수정</Link>
                         <button type="button" className="btn btn-crimson btn-sm ms-2" onClick={() => handleClick(schedule.id)}>삭제</button>
                     </div>

client/src/scss/custom.scss

@@ -149,10 +149,6 @@ button {
         display: none;
     }
 
-    & .fc-dayGridDay-view {
-        display: none;
-    }
-
     & .text {
         font-family: "Plex-Text";