diff --git a/src/AddToBucket.jsx b/src/AddToBucket.jsx index ee28758..2e196c6 100644 --- a/src/AddToBucket.jsx +++ b/src/AddToBucket.jsx @@ -27,6 +27,7 @@ export function AddToBucket(props) { id: crypto.randomUUID(), text: newItem(), complete: false, + delete: false, }, ...items, ]; diff --git a/src/App.jsx b/src/App.jsx index 141ce20..26bdfd6 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,17 +1,63 @@ import { createSignal } from "solid-js"; import { BucketListItem } from "./BucketListItem"; import { AddToBucket } from "./AddToBucket"; +import Modal from './Modal'; -import { getWishes } from "./util/localStorageUtil"; +import { getWishes, saveWish } from "./util/localStorageUtil"; function App() { const [items, setItems] = createSignal(getWishes()); + const [isOpen, setIsOpen] = createSignal(false); + + const handleOneOrMoreDeleteItem = () => { + setItems((items) => { + const ItemsWithoutTheDeletedOnes = items.filter( + (item) => item.delete === false + ); + saveWish(ItemsWithoutTheDeletedOnes); + return ItemsWithoutTheDeletedOnes; + }); + }; + + const noOfItemsToBeDeleted = () => { + const itemsToBeDeleted = items().filter((item) => item.delete); + return itemsToBeDeleted.length; + }; return (
+ No of items to be deleted + {noOfItemsToBeDeleted()} +
+ +{props.text}
+