https://fivestarliving.sk/react/components/IndexPage/index.js

1/*
2 * Copyright 2025 Marek Kobida
3 * Last Updated: 30.07.2025
4 */
5import React from 'react';
6import Page from './Page.js';
7import pages from './pages/index.js';
8import useHeader from './scroll/useHeader.js';
9import useMouse from './scroll/useMouse.js';
10const IndexPage = (request, response) => {
11    response.htmlOptions.title = 'Luxusný nábytok';
12    response.component = () => {
13        const scrollableContainer = React.useRef(null);
14        const { Header } = useHeader({ pages, scrollableContainer, yMaxPageIndex: 6 });
15        const { onClick, onMouseDown, onMouseMove, onMouseUp, onScroll, onWheel } = useMouse({
16            pages,
17            scrollableContainer,
18        });
19        React.useEffect(() => {
20            if (!scrollableContainer.current)
21                return;
22            //                                                                              ↓ KĽÚČOVÉ
23            scrollableContainer.current.addEventListener('wheel', onWheel, { capture: true, passive: false });
24        }, []);
25        return (React.createElement("div", { className: "IndexPage", onClickCapture: onClick, onMouseDownCapture: onMouseDown, onMouseMoveCapture: onMouseMove, onMouseUpCapture: onMouseUp, onScrollCapture: onScroll, 
26            // onTouchEnd={onMouseUp}
27            // onTouchMove={onMouseMove}
28            // onTouchStart={onMouseDown}
29            ref: scrollableContainer },
30            Header,
31            pages.map((page, i) => {
32                return React.createElement(Page, { key: i, page: page });
33            })));
34    };
35};
36export default IndexPage;