\n handleClick(e)}\n >\n \n \n
\n \n {user ?\n
\n - \n
- \n {user.firstName} {user.name}\n
\n \n - \n \n {t('mygames')}\n \n \n
- \n \n {t('myaccount')}\n \n \n
- \n \n {t('logout')}\n \n \n
- \n
- \n {t('login')}\n \n
\n triggerMobileMenu()}\n >\n \n \n
\n \n );\n};\n\nIconGroup.propTypes = {\n cartData: PropTypes.array,\n compareData: PropTypes.array,\n currency: PropTypes.object,\n iconWhiteClass: PropTypes.string,\n deleteFromCart: PropTypes.func,\n wishlistData: PropTypes.array\n};\n\nexport function filterList(productSearch, initialProducts){\n const excludeColumns = [\"id\", \"colors\", \"posts\", \"sizes\", \"retailers\"];\n const lowercasedValue = productSearch.toLowerCase().trim();\n\n const filteredData = initialProducts.filter(item => {\n return Object.keys(item).some(key =>\n excludeColumns.includes(key) ? false : item[key] ? item[key].toString().toLowerCase().includes(lowercasedValue) : false\n );\n });\n return filteredData\n}\n\nconst mapStateToProps = state => {\n return {\n currency: state.currencyData,\n cartData: state.cartData,\n wishlistData: state.wishlistData,\n compareData: state.compareData\n };\n};\n\nconst mapDispatchToProps = dispatch => {\n return {\n deleteFromCart: (item, addToast) => {\n dispatch(deleteFromCart(item, addToast));\n }\n };\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(IconGroup);\n","import i18n from 'i18next';\nimport { initReactI18next } from 'react-i18next';\nimport translationEN from '../locales/en/translations.json';\nimport translationFR from '../locales/fr/translations.json';\nimport translationES from '../locales/es/translations.json';\nimport translationIT from '../locales/it/translations.json';\nimport translationDE from '../locales/de/translations.json';\n\nconst resources = {\n en: {\n translation: translationEN\n },\n fr: {\n translation: translationFR\n },\n it: {\n translation: translationIT\n },\n es: {\n translation: translationES\n },\n be: {\n translation: translationFR\n },\n de: {\n translation: translationDE\n }\n};\n\ni18n\n .use(initReactI18next)\n .init({\n debug: true, // pratique pour voir les événements dans la console pendant le développement\n resources,\n lng: window.location.origin && window.location.origin.includes(\"https://app.therunningcollective.\") ?\n (\n window.location.origin.includes(\"https://app.therunningcollective.be\") ? \"fr\"\n : window.location.origin.split(\"https://app.therunningcollective.\")[1]\n )\n : \"fr\",\n\n keySeparator: false, // we do not use keys in form messages.welcome\n\n interpolation: {\n escapeValue: false // react already safes from xss\n }\n });\n\nexport default i18n;","import PropTypes from \"prop-types\";\nimport React from \"react\";\nimport { multilanguage } from \"redux-multilanguage\";\nimport {useTranslation} from \"react-i18next\";\nimport i18n from \"../../helpers/i18n\";\n\nconst NavMenu = ({ strings, menuWhiteClass, sidebarMenu }) => {\n const { t, i18n } = useTranslation();\n\n return (\n \n
\n \n
\n \n
\n \n {/* language currency changer */}\n {/*
\n \n {/* header logo */}\n
\n \n {/* Icon group */}\n
\n \n
\n \n \n
\n {/* mobile menu */}\n \n {/* header logo */}\n \n
\n \n {/* Icon group */}\n
\n \n {/* Nav menu */}\n
\n \n {/* Nav menu */}\n
\n\n \n setProductSearch(e.target.value)}\n startAdornment={\n \n \n }\n onKeyDown={(e) => {\n if (e.key === \"Enter\") {\n handleSearch()\n }\n }}\n />\n
\n \n
\n : null }\n {isMobileOnly ?\n \n {t('descriptionhead')}\n
\n \n
\n : null }\n\n {(isTablet && isPortrait) || isMobileOnly ?\n \n
\n \n { offer && offer.title ?\n {offer.title}\n :\n {getProfileName(location, t)}}\n
\n \n setProductSearch(e.target.value)}\n startAdornment={\n \n \n }\n onKeyDown={(e) => {\n if (e.key === \"Enter\") {\n handleSearch()\n }\n }}\n />\n
\n : null }\n \n \n ![\"The](\"../../assets/img/noune/logo-trc.png\")
\n \n The Running Collective\n \n \n {!isMobileOnly ?\n \n \n
\n );\n};\n\nLogo.propTypes = {\n imageUrl: PropTypes.string,\n logoClass: PropTypes.string,\n location: PropTypes.any,\n isPortrait:PropTypes.any,\n};\n\nexport default Logo;\n","import PropTypes from \"prop-types\";\nimport React, {Fragment, useEffect, useState} from \"react\";\nimport MetaTags from \"react-meta-tags\";\nimport { BreadcrumbsItem } from \"react-breadcrumbs-dynamic\";\nimport LayoutOne from \"../../layouts/LayoutOne\";\nimport Breadcrumb from \"../../wrappers/breadcrumb/Breadcrumb\";\nimport * as ReactGA from \"react-ga\";\nimport SectionTitle from \"../../components/section-title/SectionTitle\";\nimport {InputBase} from \"@mui/material\";\nimport {useTranslation} from \"react-i18next\";\n\nconst Allures = ({ location }) => {\n const { pathname } = location;\n const { t } = useTranslation();\n useEffect(() => {\n ReactGA.pageview(location.pathname);\n }, [])\n\n const [error, setError] = useState(null)\n const [distance, setDistance] = useState(null)\n const [hour, setHour] = useState(0)\n const [minutes, setMinutes] = useState(0)\n const [seconds, setSeconds] = useState(0)\n const [calculated, setCalculated] = useState(false)\n const [speed, setSpeed] = useState(null)\n const [pace, setPace] = useState(null)\n const [passage, setPassage] = useState(null)\n\n const calculate = (distance, hour, minutes, seconds) => {\n setCalculated(true)\n if(!distance){\n setError(\"Distance manquante\")\n } else {\n setError(null)\n let hourInSecond = parseInt(hour, 10) * 60 * 60\n let minutesInSecond = parseInt(minutes, 10) * 60\n let totalSeconds = hourInSecond + minutesInSecond + parseInt(seconds, 10)\n if (totalSeconds > 0){\n let paceInKmH = parseInt(distance, 10) / totalSeconds * 3.6\n setSpeed(parseFloat(paceInKmH).toFixed(2))\n let paceInKMMin = paceInKmH / 60\n let revert = 1 / paceInKMMin\n let rounded = parseFloat(revert).toFixed(2);\n let roundedIn = Math.floor(rounded);\n let decimal = rounded - roundedIn;\n let pace = (Math.round(parseFloat(decimal).toFixed(2) * 60) % 60)\n setPace(roundedIn + \".\"+ n(pace))\n\n let distanceModulo = Math.floor(distance / 1000)\n if(distanceModulo > 0){\n let passageArray = []\n for(let i = 1; i < distanceModulo + 1; i++){\n let passage = (rounded * i)\n let roundedIn = Math.floor(passage);\n if(passage > 60){\n let decimal = passage - roundedIn;\n let pace = (Math.round(parseFloat(decimal).toFixed(2) * 60) % 60)\n passageArray[i] = convertMinsToTime(roundedIn) + n(pace) + \"s\"\n } else {\n let decimal = passage - roundedIn;\n let pace = (Math.round(parseFloat(decimal).toFixed(2) * 60) % 60)\n passageArray[i] = roundedIn + \"mn\"+ n(pace) + \"s\"\n }\n\n }\n setPassage(passageArray)\n }\n }\n else {\n setError(\"Données erronées\")\n setSpeed(null)\n }\n }\n }\n\n function n(n){\n return n > 9 ? \"\" + n: \"0\" + n;\n }\n\n const convertMinsToTime = (mins) => {\n let hours = Math.floor(mins / 60);\n let minutes = mins % 60;\n minutes = minutes < 10 ? '0' + minutes : minutes;\n return `${hours}h:${minutes}mn`;\n }\n\n return (\n \n \n The Running Collective\n \n \n {t('descriptionhead')}\n {offer && offer.title ?\n
\n : null }\n \n {offer.title}\n
\n : \n {getProfileName(location, t)}\n
}\n\n \n
\n
\n
\n \n
\n \n
\n {t('pacecalculatorpage')}
\n\n
\n\n \n
\n {t('principalfunctions')}
\n {t('pace1')}
\n {t('pace2')}
\n {t('pace3')}
\n \n
\n
\n \n {t('distance')}\n
\n \n {\n if (!/[0-9]/.test(event.key)) {\n event.preventDefault();\n }\n }}\n placeholder=\"10000\" type=\"text\" onChange={(e) => setDistance(e.target.value)} style={{width: \"80%\"}}/> m\n
\n \n
\n
\n \n {t('time')}\n
\n \n {\n if (!/[0-9]/.test(event.key)) {\n event.preventDefault();\n }\n }}\n maxLength={2}\n defaultValue={hour} type=\"text\" onChange={(e) => setHour(e.target.value)} style={{width: \"50%\", paddingLeft: \"5px\"}}/> h\n
\n \n {\n if (!/[0-9]/.test(event.key)) {\n event.preventDefault();\n }\n }}\n maxLength={2}\n defaultValue={minutes} type=\"text\" onChange={(e) => setMinutes(e.target.value)} style={{width: \"50%\", paddingLeft: \"5px\"}}/> mn\n
\n \n {\n if (!/[0-9]/.test(event.key)) {\n event.preventDefault();\n }\n }}\n maxLength={2}\n defaultValue={seconds} type=\"text\" onChange={(e) => setSeconds(e.target.value)} style={{width: \"50%\", paddingLeft: \"5px\"}}/> s\n
\n \n
\n \n
\n \n calculate(distance, hour, minutes, seconds)}/>\n
\n \n {\n calculated && !error?\n
\n
\n
\n : error ?\n \n
\n {distance}m en {hour}h {minutes}mn {seconds}s
\n\n {t('speed')} {speed}km/h\n
\n \n {t('pace')} {pace}mn/km\n
\n \n
\n {passage && passage.length > 0 ?\n passage.map((time, index) => {\n return (\n
\n Km {index} : {time}
\n )\n })\n : null }\n\n
\n : null\n }\n \n {error}\n
\n \n
\n \n \n
\n \n }\n >\n