component---src-pages-404-tsx-3b6cc3296bb47ec4f886.js.map

{"version":3,"file":"component---src-pages-404-tsx-3b6cc3296bb47ec4f886.js","mappings":"sMAOA,MA2CMA,GAAMC,EAAAA,EAAAA,GAAA,OAAAC,OAAA,aAAAD,CAAA,CAAAE,KAAA,UAAAC,OAAA,iFAOZ,UAlDyBC,KACvB,MAAMC,GAAWC,EAAAA,EAAAA,eAsBjB,OApBAC,EAAAA,EAAAA,YAAU,KACR,MAAMC,EAAkBH,EAASI,SAC9BC,MAAM,KACNC,QAAQC,KAASA,IACjBC,KAAKD,IACJ,MAAME,EAASC,OAAOH,GACtB,OAAII,MAAMF,GAAgBF,EACnBE,CAAM,IAGHN,EAAgBS,QAAe,CAACC,EAAKC,KAC7B,iBAATA,IAAmBD,GAAO,GAC9BA,IACN,GAES,IACVE,OAAOf,SAASgB,KAAUhB,EAASiB,OAAM,IAAId,EAAgBe,MAAM,GAAGC,KAAK,KAAI,IACjF,GACC,KAGDC,EAAAA,EAAAA,MAAC1B,EAAM,CAAA2B,SAAA,EACLC,EAAAA,EAAAA,KAACC,EAAAA,GAAM,CACLC,UAAQ,EACRC,MAAI,EACJC,IAAI,8DACJC,MAAO,CAAEC,SAAU,IAAKC,aAAc,IAAKR,UAE3CC,EAAAA,EAAAA,KAACQ,EAAAA,EAAQ,CAACC,SAAS,EAAOC,QAAS,CAAC,OAAQ,SAAU,QAAS,cAEjEV,EAAAA,EAAAA,KAACW,EAAAA,GAAM,CAACC,EAAG,MACXZ,EAAAA,EAAAA,KAACa,EAAAA,EAAI,CAACC,KAAM,GAAGf,SAAC,qBAChBC,EAAAA,EAAAA,KAACW,EAAAA,GAAM,CAACC,EAAG,MACXZ,EAAAA,EAAAA,KAACe,EAAAA,KAAI,CAACC,GAAG,IAAGjB,UACVC,EAAAA,EAAAA,KAACa,EAAAA,EAAI,CAACC,KAAM,GAAGf,SAAC,eAEX,C","sources":["webpack://@portfolio/blog/./src/pages/404.tsx"],"sourcesContent":["import styled from '@emotion/styled'\nimport { Spacer, Text } from '@justsloth/core'\nimport { Controls, Player } from '@lottiefiles/react-lottie-player'\nimport { useLocation } from '@reach/router'\nimport { Link } from 'gatsby'\nimport { FC, useEffect } from 'react'\n\nconst NotFoundPage: FC = () => {\n  const location = useLocation()\n\n  useEffect(() => {\n    const normalizeUrlArr = location.pathname\n      .split('/')\n      .filter((it) => !!it)\n      .map((it) => {\n        const result = Number(it)\n        if (isNaN(result)) return it\n        return result\n      })\n\n    const count = normalizeUrlArr.reduce<number>((acc, curr) => {\n      if (typeof curr === 'number') acc += 1\n      return acc\n    }, 0)\n\n    if (count > 2) {\n      window.location.href = `${location.origin}/${normalizeUrlArr.slice(3).join('/')}/`\n    }\n  }, [])\n\n  return (\n    <Center>\n      <Player\n        autoplay\n        loop\n        src='https://assets9.lottiefiles.com/packages/lf20_zyu0ctqb.json'\n        style={{ maxWidth: 450, borderRadius: 90 }}\n      >\n        <Controls visible={false} buttons={['play', 'repeat', 'frame', 'debug']} />\n      </Player>\n      <Spacer y={0.5} />\n      <Text size={16}>페이지를 찾지 못했어요 :(</Text>\n      <Spacer y={0.5} />\n      <Link to='/'>\n        <Text size={16}>홈으로 가기</Text>\n      </Link>\n    </Center>\n  )\n}\n\nconst Center = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n`\n\nexport default NotFoundPage\n"],"names":["Center","_styled","target","name","styles","NotFoundPage","location","useLocation","useEffect","normalizeUrlArr","pathname","split","filter","it","map","result","Number","isNaN","reduce","acc","curr","window","href","origin","slice","join","_jsxs","children","_jsx","Player","autoplay","loop","src","style","maxWidth","borderRadius","Controls","visible","buttons","Spacer","y","Text","size","Link","to"],"sourceRoot":""}