onwards
Version:
<p align="center"> <img alt='magoon-face' src='https://user-images.githubusercontent.com/14088342/230068165-5e013e79-2ff8-4fb5-a1f0-fd5b13e028a9.png' width='250'/> <h1 align="center">ONWARDS</h1> <p align="center">👏 Super simple shareable portforwa
18 lines (17 loc) • 869 B
JavaScript
;
exports.__esModule = true;
exports.List = void 0;
var jsx_runtime_1 = require("react/jsx-runtime");
var jotai_1 = require("jotai");
var config_atom_1 = require("../state/config-atom");
var nav_atom_1 = require("../state/nav-atom");
var list_item_1 = require("./list-item");
var use_scroll_1 = require("../hooks/use-scroll");
var TOPBAR_INDEX = 1;
var List = function () {
var titles = (0, jotai_1.useAtom)(config_atom_1.titleConfigAtom)[0];
var y = (0, jotai_1.useAtom)(nav_atom_1.coordinateAtom)[0].y;
var items = (0, use_scroll_1.useScroll)({ titles: titles, y: y });
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: items.map(function (title, index) { return ((0, jsx_runtime_1.jsx)(list_item_1.ListItem, { title: title, index: index + TOPBAR_INDEX }, title)); }) }, void 0));
};
exports.List = List;