{"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","index","LinkComponent","IconComponent","key","alt","role","src","require"],"mappings":"oGAAAA,EAAOC,QAAU,IAA0B,wC,oBCA3CD,EAAOC,QAAU,IAA0B,wC,iCCA3C,8DAWe,cAMV,IANW,UACdC,EADc,SAEdC,EAAW,IAIR,EAKH,OAJAC,oBAAU,KACRC,YAAWH,EAAWC,IACrB,IAGDG,uBAAKC,UAAU,8BACbD,uBAAKC,UAAU,8BACbD,uBAAKC,UAAU,6BACbD,gBAACE,IAAS,CAACC,GAAI,eAAeP,GAC5BI,4BAEFA,gBAACE,IAAS,CAACC,GAAG,aAAaC,KAAM,CAAEC,KAAMT,IACvCI,qBAAGC,UAAU,gBAEfD,gBAACE,IAAS,CACRC,GAAI,iBAAiBP,EACrBU,MAAO,CACLC,aAAcP,gBAACQ,IAAU,CAACC,GAAG,KAC7BC,WAAYV,gBAACW,IAAU,MACvBC,WAAYZ,gBAACa,IAAU,QAEzBb,qBAAGC,UAAU,mBAEfD,uBAAKC,UAAU,sBACZ,CACC,CAACY,IAAYC,KACb,CAACH,IAAYI,MACbC,IACA,CAAC,EAA4CC,KAA7C,IAAEC,EAAeC,GAAjB,SACEnB,gBAACkB,EAAa,CACZE,IAAK,qBAAqBH,EAC1BhB,UAAU,gBACVD,gBAACmB,EAAa,WAMxBnB,uBAAKC,UAAU,QACbD,uBAAKC,UAAU,uBACbD,uBACEqB,IAAI,GACJpB,UAAU,YACVqB,KAAK,eACLC,IAAKC,EAAQ,QAGjBxB,uBACEqB,IAAI,GACJpB,UAAU,cACVqB,KAAK,eACLC,IAAKC,EAAQ","file":"14.js?id=2add9bb97f1b042a0250","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":""}