import { Link } from 'wouter'; import usePage from '../../hooks/usePage'; import { lists } from '../../mock'; 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, list, listId, params }) => { const selectedList = Store.useState(selectors.getSelectedList); const loadedList = list ? list : lists.find(l => l.id === params.listId); usePage({ title: loadedList.title, }); return ( ); }; export default ListDetail;