이준희 2 years ago
parent
commit
47c99496db
  1. 3
      src/components/basis/flight/plan/FlightPlanAreaMap.js
  2. 20
      src/containers/basis/flight/plan/WeatherContainer.js

3
src/components/basis/flight/plan/FlightPlanAreaMap.js

@ -365,9 +365,6 @@ const FlightPlanAreaMap = props => {
> >
<ModalHeader toggle={handler}>날씨 정보</ModalHeader> <ModalHeader toggle={handler}>날씨 정보</ModalHeader>
<ModalBody> <ModalBody>
<p className='ti'>
오늘 날짜 기준으로 3 이내 날짜만 조회 가능합니다.
</p>
<WeatherContainer mapAreaCoordList={mapAreaCoordList} /> <WeatherContainer mapAreaCoordList={mapAreaCoordList} />
</ModalBody> </ModalBody>
<ModalFooter> <ModalFooter>

20
src/containers/basis/flight/plan/WeatherContainer.js

@ -145,13 +145,22 @@ export function WeatherContainer({ mapAreaCoordList }) {
return ( return (
<> <>
{loading ? ( {loading ? (
<div className='grid-loading'> <div
<div> style={{
display: 'flex',
flexDirection: 'column',
justifyContent: 'center',
alignItems: 'center'
}}
>
<Spinner color='primary' /> <Spinner color='primary' />
<span>Loading...</span> <span>Loading...</span>
</div> </div>
</div>
) : ( ) : (
<>
<p className='ti'>
오늘 날짜 기준으로 3 이내 날짜만 조회 가능합니다.
</p>
<div className='layer-content'> <div className='layer-content'>
{Object.keys(dayData).length != 0 && {Object.keys(dayData).length != 0 &&
mapAreaCoordList[0]?.coordList[0].lat != 0 ? ( mapAreaCoordList[0]?.coordList[0].lat != 0 ? (
@ -210,7 +219,9 @@ export function WeatherContainer({ mapAreaCoordList }) {
)} )}
{activeTab == 3 ? ( {activeTab == 3 ? (
<div className='tab-content active'> <div className='tab-content active'>
<AfterTomorrowWeahter afterData={dayData.afterData} /> <AfterTomorrowWeahter
afterData={dayData.afterData}
/>
</div> </div>
) : ( ) : (
<></> <></>
@ -222,6 +233,7 @@ export function WeatherContainer({ mapAreaCoordList }) {
</div> </div>
) : null} ) : null}
</div> </div>
</>
)} )}
</> </>
); );

Loading…
Cancel
Save