{"version":3,"file":"static/js/673.bd66867c.chunk.js","mappings":"yOAYA,MATA,WAEI,OACI,+BACI,SAAC,KAAD,O,oBCuBZ,MAzBA,SAA0BA,GAEtB,IAAMC,EAAUD,EAAMC,QAEhBC,GAAWC,EAAAA,EAAAA,MACjB,GAA6BC,EAAAA,EAAAA,KAAY,SAAAC,GAAK,OAAGA,EAAMC,WAAhDC,EAAP,EAAOA,KAAKC,EAAZ,EAAYA,QAAQC,EAApB,EAAoBA,MAWpB,OATAC,EAAAA,EAAAA,YAAU,WAIN,OAFAR,GAASS,EAAAA,EAAAA,IAAW,CAACV,QAAAA,KAEd,WACLW,QAAQC,IAAI,iFAEb,CAACX,IAEFM,IAAYD,GAAa,mDACzBE,GAAc,0CACbF,GAGD,SAAC,KAAD,CAASA,KAAQA,KAHH,kC,mBCUtB,MA5BA,SAAsBP,GAElB,IAAMC,EAAUD,EAAMC,QAChBC,GAAWC,EAAAA,EAAAA,MACjB,GAA6BC,EAAAA,EAAAA,KAAY,SAAAC,GAAK,OAAGA,EAAMS,OAAhDP,EAAP,EAAOA,KAAKC,EAAZ,EAAYA,QAAQC,EAApB,EAAoBA,MACpB,GAAgCM,EAAAA,EAAAA,WAAS,GAAzC,eAAOC,EAAP,KAAkBC,EAAlB,KAWE,OATFP,EAAAA,EAAAA,YAAU,WAIN,OAFAR,GAASgB,EAAAA,EAAAA,IAAO,CAACjB,QAAAA,KAEV,WACLW,QAAQC,IAAI,iFAEb,CAACX,EAASD,IAETO,IAAYD,GAAa,mDACzBE,GAAc,0CACbF,EAGLS,GAEE,SAAC,KAAD,CAAKT,KAAMA,KACX,SAAC,KAAD,CAASN,QAASA,EAASgB,WAAYA,KANvB,mC,iGCdxB,MANA,WACI,OACI,SAAC,KAAD","sources":["containers/HomeContainer/HomeContainer.jsx","containers/YearEndContainer/YearEndContainer.jsx","containers/PayContainer/PayContainer.jsx","pages/HomePage/HomePage.jsx"],"sourcesContent":["import React from 'react'\r\nimport {Home} from '../../components';\r\n\r\nfunction HomeContainer() {\r\n    \r\n    return (\r\n        <>\r\n            <Home></Home>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default HomeContainer;\r\n","import React, {useEffect} from 'react'\r\nimport { YearEnd } from '../../components';\r\nimport {getYearEnd} from \"../../reducers/YearEndReducer\";\r\nimport {useDispatch, useSelector} from \"react-redux\";\r\n\r\nfunction YearEndContainer(props) {\r\n    \r\n    const datakey = props.datakey;\r\n    \r\n    const dispatch = useDispatch();\r\n    const {data,loading,error} = useSelector(state=> state.yearend);\r\n    \r\n    useEffect(() => {\r\n        \r\n        dispatch(getYearEnd({datakey}));\r\n        \r\n        return () => {\r\n          console.log('컴포넌트가 화면에서 사라짐');\r\n        };\r\n      }, [dispatch]);\r\n\r\n    if (loading && !data) return <div>로딩중...</div> // 로딩중이면서, 데이터가 없을떄에만 로딩중... 표시\r\n    if (error) return <div>에러</div>\r\n    if (!data) return <div>404</div>\r\n    \r\n    return (\r\n        <YearEnd data = {data}></YearEnd>\r\n    )\r\n}\r\n\r\nexport default YearEndContainer\r\n","import React, {useEffect, useState} from 'react'\r\nimport { Pay, PayAuth } from '../../components';\r\nimport {getPay} from \"../../reducers/PayReducer\";\r\nimport {useDispatch, useSelector} from \"react-redux\";\r\n\r\nfunction PayContainer(props) {\r\n\r\n    const datakey = props.datakey;\r\n    const dispatch = useDispatch();\r\n    const {data,loading,error} = useSelector(state=> state.pay);\r\n    const [isPayAuth, setPayAuth] = useState(false);\r\n   \r\n    useEffect(() => {\r\n        \r\n        dispatch(getPay({datakey}));\r\n        \r\n        return () => {\r\n          console.log('컴포넌트가 화면에서 사라짐');\r\n        };\r\n      }, [dispatch,datakey]);\r\n\r\n      if (loading && !data) return <div>로딩중...</div> // 로딩중이면서, 데이터가 없을떄에만 로딩중... 표시\r\n      if (error) return <div>에러</div>\r\n      if (!data) return <div>404</div>\r\n\r\n    return (\r\n      isPayAuth\r\n      ?\r\n        <Pay data={data}></Pay>\r\n      : <PayAuth datakey={datakey} setPayAuth={setPayAuth}></PayAuth>\r\n    )\r\n}\r\n\r\nexport default PayContainer;\r\n","import React from 'react'\r\nimport {HomeContainer} from '../../containers';\r\n\r\nfunction HomePage() {\r\n    return (\r\n        <HomeContainer></HomeContainer>\r\n    )\r\n}\r\n\r\nexport default HomePage;\r\n"],"names":["props","datakey","dispatch","useDispatch","useSelector","state","yearend","data","loading","error","useEffect","getYearEnd","console","log","pay","useState","isPayAuth","setPayAuth","getPay"],"sourceRoot":""}