|
|
@ -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> |
|
|
|
|
|
|
|
</> |
|
|
|
)} |
|
|
|
)} |
|
|
|
</> |
|
|
|
</> |
|
|
|
); |
|
|
|
); |
|
|
|