import { Link } from 'wouter'; import usePage from '../../hooks/usePage'; import Store from '../../store'; import * as actions from '../../store/actions'; import * as selectors from '../../store/selectors'; import Content from '../ui/Content'; import List from '../ui/List'; import VirtualScroll from '../ui/VirtualScroll'; const ListItems = ({ list }) => { return ( <>
All Lists
} /> ); }; const ListItemEntry = ({ list, item }) => (
actions.setDone(list, item, !item.done)} > {item.name}
); const ListDetail = ({ selected, listId, params }) => { const lists = Store.useState(selectors.getLists); const actualListId = listId ? listId : params?.listId || null; const loadedList = lists.find(l => l.id === actualListId); usePage( { title: loadedList.name, }, [loadedList] ); return ( ); }; export default ListDetail;