{"version":3,"sources":["webpack:///./src/components/pages/error-page/images/mars-frown.svg","webpack:///./src/components/pages/error-page/images/mars-shadow.png","webpack:///./src/components/pages/error-page/error-page.tsx"],"names":["module","exports","errorCode","prevPath","useEffect","trackError","React","className","Localized","id","vars","code","elems","homepageLink","LocaleLink","to","matrixLink","MatrixLink","githubLink","GitHubLink","GithubIconCode","MatrixIcon","map","LinkComponent","IconComponent","index","key","alt","role","src","require"],"mappings":"oGAAAA,EAAOC,QAAU,IAA0B,wC,oBCA3CD,EAAOC,QAAU,IAA0B,wC,iCCA3C,8DAWe,YACbC,YACAC,WAAW,OAKXC,oBAAU,KACRC,YAAWH,EAAWC,IACrB,IAGDG,gBAAA,OAAKC,UAAU,8BACbD,gBAAA,OAAKC,UAAU,8BACbD,gBAAA,OAAKC,UAAU,6BACbD,gBAACE,IAAS,CAACC,GAAI,eAAeP,GAC5BI,gBAAA,YAEFA,gBAACE,IAAS,CAACC,GAAG,aAAaC,KAAM,CAAEC,KAAMT,IACvCI,gBAAA,KAAGC,UAAU,gBAEfD,gBAACE,IAAS,CACRC,GAAI,iBAAiBP,EACrBU,MAAO,CACLC,aAAcP,gBAACQ,IAAU,CAACC,GAAG,KAC7BC,WAAYV,gBAACW,IAAU,MACvBC,WAAYZ,gBAACa,IAAU,QAEzBb,gBAAA,KAAGC,UAAU,mBAEfD,gBAAA,OAAKC,UAAU,sBACZ,CACC,CAACY,IAAYC,KACb,CAACH,IAAYI,MACbC,IACA,EAAEC,EAAeC,GAA4BC,IAC3CnB,gBAACiB,EAAa,CACZG,IAAK,qBAAqBD,EAC1BlB,UAAU,gBACVD,gBAACkB,EAAa,UAMxBlB,gBAAA,OAAKC,UAAU,QACbD,gBAAA,OAAKC,UAAU,uBACbD,gBAAA,OACEqB,IAAI,GACJpB,UAAU,YACVqB,KAAK,eACLC,IAAKC,EAAQ,QAGjBxB,gBAAA,OACEqB,IAAI,GACJpB,UAAU,cACVqB,KAAK,eACLC,IAAKC,EAAQ","file":"14.js?id=a77390f0a1125264f9b4","sourcesContent":["module.exports = __webpack_public_path__ + \"8b4df1841b4619ebf490bd0e7d57b5b4.svg\";","module.exports = __webpack_public_path__ + \"1287990263bb9fd590c8794dca29ddb6.png\";","import * as React from 'react';\nimport { useEffect } from 'react';\nimport { Localized } from '@fluent/react';\n\nimport { trackError } from '../../../services/tracker';\nimport { LocaleLink } from '../../locale-helpers';\nimport { GitHubLink, MatrixLink } from '../../shared/links';\nimport { GithubIconCode, DiscourseIconCode, MatrixIcon } from '../../ui/icons';\n\nimport './error-page.css';\n\nexport default ({\n  errorCode,\n  prevPath = '',\n}: {\n  errorCode: '404' | '503';\n  prevPath: string;\n}) => {\n  useEffect(() => {\n    trackError(errorCode, prevPath);\n  }, []);\n\n  return (\n    <div className=\"error-page-container-outer\">\n      <div className=\"error-page-container-inner\">\n        <div className=\"error-page-container-text\">\n          <Localized id={`error-title-${errorCode}`}>\n            <h2 />\n          </Localized>\n          <Localized id=\"error-code\" vars={{ code: errorCode }}>\n            <p className=\"error-code\" />\n          </Localized>\n          <Localized\n            id={`error-content-${errorCode}`}\n            elems={{\n              homepageLink: <LocaleLink to=\"\" />,\n              matrixLink: <MatrixLink />,\n              githubLink: <GitHubLink />,\n            }}>\n            <p className=\"error-content\" />\n          </Localized>\n          <div className=\"get-involved-icons\">\n            {[\n              [GitHubLink, GithubIconCode],\n              [MatrixLink, MatrixIcon],\n            ].map(\n              ([LinkComponent, IconComponent]: [any, any], index: number) => (\n                <LinkComponent\n                  key={`get-involved-icon-${index}`}\n                  className=\"round-button\">\n                  <IconComponent />\n                </LinkComponent>\n              )\n            )}\n          </div>\n        </div>\n        <div className=\"mars\">\n          <div className=\"mars-body-container\">\n            <img\n              alt=\"\"\n              className=\"mars-body\"\n              role=\"presentation\"\n              src={require('./images/mars-frown.svg')}\n            />\n          </div>\n          <img\n            alt=\"\"\n            className=\"mars-shadow\"\n            role=\"presentation\"\n            src={require('./images/mars-shadow.png')}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"sourceRoot":""}