diff --git a/app/ecolyo.262c2f9064bc0d78d31e.js b/app/ecolyo.3456ef84ba7fd2b4e7f8.js similarity index 99% rename from app/ecolyo.262c2f9064bc0d78d31e.js rename to app/ecolyo.3456ef84ba7fd2b4e7f8.js index 3aee0f1f2de3e454871309e0ad7affe65d74247d..74034a34febf2615219a9078b19827adc1713e8c 100644 --- a/app/ecolyo.262c2f9064bc0d78d31e.js +++ b/app/ecolyo.3456ef84ba7fd2b4e7f8.js @@ -3149,12 +3149,7 @@ var ChallengeView = function ChallengeView() { var moveToSlide = (0, _react.useCallback)(function (slideIndex) { setContainerTranslation(-slideIndex * (cardWidth + marginPx) + marginPx); setIndex(slideIndex); - }, [cardWidth]); // eslint-disable-next-line @typescript-eslint/no-explicit-any - - var handleClickOrTouchStart = function handleClickOrTouchStart(e) { - if (e.nativeEvent instanceof TouchEvent) setTouchStart(e.targetTouches[0].clientX); - if (e.nativeEvent instanceof MouseEvent) setTouchStart(e.clientX); - }; + }, [cardWidth]); var handleClickOrTouchEnd = function handleClickOrTouchEnd() { // if the swipe is too small and can be taken for a touch @@ -3173,12 +3168,6 @@ var ChallengeView = function ChallengeView() { } resetValues(); - }; // eslint-disable-next-line @typescript-eslint/no-explicit-any - - - var handleClickOrTouchMove = function handleClickOrTouchMove(e) { - if (e.nativeEvent instanceof TouchEvent) setTouchEnd(e.targetTouches[0].clientX); - if (e.nativeEvent instanceof MouseEvent) setTouchEnd(e.clientX); }; (0, _react.useEffect)(function () { @@ -3214,11 +3203,19 @@ var ChallengeView = function ChallengeView() { }, /*#__PURE__*/_react.default.createElement("div", { className: "challengeSlider", onClick: resetValues, - onTouchStart: handleClickOrTouchStart, - onTouchMove: handleClickOrTouchMove, + onTouchStart: function onTouchStart(event) { + return setTouchStart(event.targetTouches[0].clientX); + }, + onTouchMove: function onTouchMove(event) { + return setTouchEnd(event.targetTouches[0].clientX); + }, onTouchEnd: handleClickOrTouchEnd, - onMouseDown: handleClickOrTouchStart, - onMouseMove: handleClickOrTouchMove, + onMouseDown: function onMouseDown(event) { + return setTouchStart(event.clientX); + }, + onMouseMove: function onMouseMove(event) { + return setTouchEnd(event.clientX); + }, onMouseUp: handleClickOrTouchEnd }, /*#__PURE__*/_react.default.createElement("div", { className: "challenge-container", @@ -26149,7 +26146,7 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE exports = module.exports = __webpack_require__("JPst")(false); // Module -exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.challengeSlider {\n position: relative;\n user-select: none;\n display: flex;\n flex: 1;\n flex-direction: column;\n align-items: center;\n padding: 0 2rem;\n}\n\n.challenge-container {\n position: relative;\n width: 100%;\n display: flex;\n flex: 1;\n align-items: center;\n transition: all 300ms ease;\n}\n\n.cardContent {\n margin: auto;\n}\n.cardContent .title {\n font-weight: 400;\n text-align: center;\n text-transform: uppercase;\n font-family: Lato, sans-serif;\n font-size: 1.2rem;\n margin-bottom: 0;\n}\n.cardContent .challengeTitle {\n display: block;\n font-weight: 700;\n text-align: center;\n font-family: Lato, sans-serif;\n color: #e0e0e0;\n font-size: 1.5rem;\n margin-top: 1rem;\n}\n.cardContent .challengeIcon {\n width: 100%;\n max-width: 180px;\n margin: auto;\n height: auto;\n text-align: center;\n display: block;\n}\n\n.sliderButtons {\n text-align: center;\n margin: auto;\n margin-top: 1.5rem;\n}\n@media all and (max-width: 1023px) {\n .sliderButtons {\n display: none;\n }\n}", ""]); +exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.challengeSlider {\n position: relative;\n user-select: none;\n display: flex;\n flex: 1;\n flex-direction: column;\n align-items: center;\n padding: 0 2rem;\n}\n\n.challenge-container {\n position: relative;\n width: 100%;\n display: flex;\n flex: 1;\n align-items: center;\n transition: all 300ms ease;\n}\n\n.cardContent {\n margin: auto;\n cursor: pointer;\n}\n.cardContent .title {\n font-weight: 400;\n text-align: center;\n text-transform: uppercase;\n font-family: Lato, sans-serif;\n font-size: 1.2rem;\n margin-bottom: 0;\n}\n.cardContent .challengeTitle {\n display: block;\n font-weight: 700;\n text-align: center;\n font-family: Lato, sans-serif;\n color: #e0e0e0;\n font-size: 1.5rem;\n margin-top: 1rem;\n}\n.cardContent .challengeIcon {\n width: 100%;\n max-width: 180px;\n margin: auto;\n height: auto;\n text-align: center;\n display: block;\n}\n\n.sliderButtons {\n text-align: center;\n margin: auto;\n margin-top: 1.5rem;\n}\n@media all and (max-width: 1023px) {\n .sliderButtons {\n display: none;\n }\n}", ""]); diff --git a/index.html b/index.html index 46bcbcaaf704c19ba1c186a2ed8efd1668885792..18c5aa81db0200e8b7b4dac63f650df8fdbcad70 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -<!DOCTYPE html><html lang="{{.Locale}}"><head><meta charset="utf-8"><title>Ecolyo</title><link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"><link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"><!-- PWA Manifest --><link rel="manifest" href="/manifest.json" crossorigin="use-credentials"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#297EF2"><meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,viewport-fit=cover"><!-- PWA Chrome --><link rel="icon" sizes="192x192" href="/android-chrome-192x192.png"><link rel="icon" sizes="512x512" href="/android-chrome-512x512.png"><!-- PWA iOS --><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="apple-touch-startup-image" href="/apple-touch-icon.png"><meta name="apple-mobile-web-app-title" content="Ecolyo"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><!-- PWA Colors --><meta name="theme-color" content="#343641"><meta name="background-color" content="#121212">{{.ThemeCSS}} {{.CozyBar}}<script src="//{{.Domain}}/assets/js/piwik.js"></script></head><body><div role="application" class="application" data-cozy="{{.CozyData}}"><script src="vendors/ecolyo.d332a37d84cf028b68a7.js"></script><script src="app/ecolyo.262c2f9064bc0d78d31e.js"></script></div></body></html> \ No newline at end of file +<!DOCTYPE html><html lang="{{.Locale}}"><head><meta charset="utf-8"><title>Ecolyo</title><link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"><link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"><!-- PWA Manifest --><link rel="manifest" href="/manifest.json" crossorigin="use-credentials"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#297EF2"><meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,viewport-fit=cover"><!-- PWA Chrome --><link rel="icon" sizes="192x192" href="/android-chrome-192x192.png"><link rel="icon" sizes="512x512" href="/android-chrome-512x512.png"><!-- PWA iOS --><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="apple-touch-startup-image" href="/apple-touch-icon.png"><meta name="apple-mobile-web-app-title" content="Ecolyo"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><!-- PWA Colors --><meta name="theme-color" content="#343641"><meta name="background-color" content="#121212">{{.ThemeCSS}} {{.CozyBar}}<script src="//{{.Domain}}/assets/js/piwik.js"></script></head><body><div role="application" class="application" data-cozy="{{.CozyData}}"><script src="vendors/ecolyo.d332a37d84cf028b68a7.js"></script><script src="app/ecolyo.3456ef84ba7fd2b4e7f8.js"></script></div></body></html> \ No newline at end of file