{"version":3,"file":"static/js/2845.2289d6c2.chunk.js","mappings":"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","sources":["components/Elements/TrailDetailBestTime/TrailDetailBestTime.styles.js","components/Elements/TrailDetailBestTime/index.jsx"],"sourcesContent":["import makeStyles from \"@material-ui/styles/makeStyles\";\r\n\r\nconst styles = makeStyles(theme => ({\r\n\ttrailDetailBestTime: {\r\n\t\tdisplay: \"grid\",\r\n\t\tgridColumnGap: theme.spacing(3),\r\n\t\tgridTemplateColumns: \"1fr 1fr\",\r\n\t\tmaxWidth: 500\r\n\t},\r\n\twrapper: {\r\n\t\tdisplay: \"grid\",\r\n\t\tgridColumnGap: theme.spacing(3),\r\n\t\tgridTemplateColumns: \"1fr 1fr\",\r\n\t\tgridTemplateRows: \"1fr auto\",\r\n\t\tmaxWidth: 225\r\n\t},\r\n\theadline: {\r\n\t\tgridColumn: \"1 / -1\",\r\n\t\tmarginBottom: theme.spacing(3),\r\n\t\t[theme.breakpoints.up(\"md\")]: {\r\n\t\t\tfontSize: \"28px !important\",\r\n\t\t\tmarginBottom: theme.spacing(4)\r\n\t\t}\r\n\t},\r\n\titem: {\r\n\t\talignItems: \"center\",\r\n\t\tdisplay: \"grid\",\r\n\t\tgridColumnGap: theme.spacing(1),\r\n\t\tgridTemplateColumns: \"24px auto\",\r\n\t\tgridTemplateRows: \"1fr\",\r\n\t\t\"& svg path\": {\r\n\t\t\tfill: theme.palette.secondary.light + \" !important\"\r\n\t\t}\r\n\t},\r\n\tvalue: {}\r\n}));\r\n\r\nexport default styles;\r\n","import React, { useContext, useEffect, useState } from \"react\";\r\nimport isEmpty from \"lodash/isEmpty\";\r\nimport clsx from \"clsx\";\r\nimport loadable from \"@loadable/component\";\r\nimport PageContext from \"@PageContext\";\r\nimport useLocals from \"@micado-digital/react-ui/hooks/useLocals\";\r\nimport localDE from \"@localDE\";\r\nimport localEN from \"@localEN\";\r\n\r\nimport styles from \"./TrailDetailBestTime.styles\";\r\n\r\nconst Typography = loadable(() => import(\"@micado-digital/react-ui/components/Typography\"));\r\nconst ReactSVGIcon = loadable(() => import(\"@micado-digital/react-svg-icon/ReactSVGIcon\"));\r\n\r\nconst TrailDetailBestTime = ({ lang }) => {\r\n\tconst [pageData] = useContext(PageContext);\r\n\tconst { fields = [] } = pageData;\r\n\tconst [data, setData] = useState({});\r\n\tconst css = styles();\r\n\tconst l = useLocals({\r\n\t\tlang: lang,\r\n\t\tres: {\r\n\t\t\tde: localDE,\r\n\t\t\ten: localEN\r\n\t\t}\r\n\t});\r\n\r\n\tuseEffect(() => {\r\n\t\tfields?.filter(item => {\r\n\t\t\tconst { tag, value: { value: text } = {} } = item;\r\n\r\n\t\t\tif (tag === \"best-time-men\" && text) {\r\n\t\t\t\tsetData(prev => ({ ...prev, bestTimeMen: text }));\r\n\t\t\t}\r\n\t\t\tif (tag === \"best-time-ladies\" && text) {\r\n\t\t\t\tsetData(prev => ({ ...prev, bestTimeLadies: text }));\r\n\t\t\t}\r\n\t\t\tif (tag === \"year-ladies\" && text) {\r\n\t\t\t\tsetData(prev => ({ ...prev, yearLadies: text }));\r\n\t\t\t}\r\n\t\t\tif (tag === \"year-men\" && text) {\r\n\t\t\t\tsetData(prev => ({ ...prev, yearMen: text }));\r\n\t\t\t}\r\n\t\t\treturn null;\r\n\t\t});\r\n\t}, [fields]);\r\n\r\n\tif (isEmpty(data)) return <></>;\r\n\r\n\treturn (\r\n\t\t<div className={clsx(css.trailDetailBestTime, \"mco-trail-detail-best-time\")}>\r\n\t\t\t<div className={css.wrapper}>\r\n\t\t\t\t{data?.yearMen && (\r\n\t\t\t\t\t<Typography\r\n\t\t\t\t\t\tclassName={clsx(css.headline, \"mco-trail-detail-best-time__headline--men\", {\r\n\t\t\t\t\t\t\t\"mco-trail-detail-best-time__headline--men-fullwidth\":\r\n\t\t\t\t\t\t\t\tdata?.yearLadies === data?.yearMen\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t\tcomponent=\"p\"\r\n\t\t\t\t\t\tvariants={{ xs: \"title-small\", md: \"title-large\" }}\r\n\t\t\t\t\t\tdangerouslySetInnerHTML={{\r\n\t\t\t\t\t\t\t__html: l(\"teaser.af.bestTime\") + ` (${data?.yearMen})`\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t/>\r\n\t\t\t\t)}\r\n\t\t\t\t{data?.bestTimeMen && (\r\n\t\t\t\t\t<div className={css.item}>\r\n\t\t\t\t\t\t<ReactSVGIcon src=\"/img/icons/male.svg\" size={24} />\r\n\t\t\t\t\t\t<Typography\r\n\t\t\t\t\t\t\tclassName={css.time}\r\n\t\t\t\t\t\t\tcomponent=\"p\"\r\n\t\t\t\t\t\t\tvariant=\"label-small\"\r\n\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: data?.bestTimeMen }}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t\t{data?.yearLadies === data?.yearMen && data?.bestTimeLadies && (\r\n\t\t\t\t\t<div className={css.item}>\r\n\t\t\t\t\t\t<ReactSVGIcon src=\"/img/icons/female.svg\" size={24} />\r\n\t\t\t\t\t\t<Typography\r\n\t\t\t\t\t\t\tclassName={css.time}\r\n\t\t\t\t\t\t\tcomponent=\"p\"\r\n\t\t\t\t\t\t\tvariant=\"label-small\"\r\n\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: data?.bestTimeLadies }}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</div>\r\n\t\t\t{data?.yearLadies !== data?.yearMen && (\r\n\t\t\t\t<div className={css.wrapper}>\r\n\t\t\t\t\t{data?.yearLadies && (\r\n\t\t\t\t\t\t<Typography\r\n\t\t\t\t\t\t\tclassName={clsx(css.headline, \"mco-trail-detail-best-time__headline--ladies\")}\r\n\t\t\t\t\t\t\tcomponent=\"p\"\r\n\t\t\t\t\t\t\tvariants={{ xs: \"title-small\", md: \"title-large\" }}\r\n\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\r\n\t\t\t\t\t\t\t\t__html: l(\"teaser.af.bestTime\") + ` (${data?.yearLadies})`\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{data?.bestTimeLadies && (\r\n\t\t\t\t\t\t<div className={css.item}>\r\n\t\t\t\t\t\t\t<ReactSVGIcon src=\"/img/icons/female.svg\" size={24} />\r\n\t\t\t\t\t\t\t<Typography\r\n\t\t\t\t\t\t\t\tclassName={css.time}\r\n\t\t\t\t\t\t\t\tcomponent=\"p\"\r\n\t\t\t\t\t\t\t\tvariant=\"label-small\"\r\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: data?.bestTimeLadies }}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default TrailDetailBestTime;\r\n"],"names":["makeStyles","theme","trailDetailBestTime","display","gridColumnGap","spacing","gridTemplateColumns","maxWidth","wrapper","gridTemplateRows","headline","gridColumn","marginBottom","breakpoints","up","fontSize","item","alignItems","fill","palette","secondary","light","value","Typography","loadable","ReactSVGIcon","lang","useContext","PageContext","fields","useState","data","setData","css","styles","l","useLocals","res","de","localDE","en","localEN","useEffect","filter","tag","text","prev","bestTimeMen","bestTimeLadies","yearLadies","yearMen","isEmpty","className","clsx","component","variants","xs","md","dangerouslySetInnerHTML","__html","src","size","time","variant"],"sourceRoot":""}