diff --git a/src/components/EncodeItem.js b/src/components/EncodeItem.js index 852ebe2..451c7a2 100644 --- a/src/components/EncodeItem.js +++ b/src/components/EncodeItem.js @@ -1,10 +1,10 @@ -import React, { useContext, useState } from "react"; +import React, { useContext } from "react"; import { MainContext } from "../contexts/MainContext"; import { MapContext } from "../contexts/MapContext"; +import { BsViewList, BsTrash } from "react-icons/bs"; export const EncodeItem = ({ encodeItem, index }) => { const { encodeItems, dispatchEncodeItems } = useContext(MainContext); - const { map } = useContext(MapContext); const zoomTo = (encodeItem) => { @@ -23,20 +23,37 @@ export const EncodeItem = ({ encodeItem, index }) => { payload: [...newEncodeItems], }); }; + + const handleRemove = () => { + console.log(encodeItems); + const updatedEncodeItems = encodeItems.filter((_, i) => i !== index); + console.log(updatedEncodeItems); + // dispatchEncodeItems({ + // type: "CACHING_ENCODED", + // payload: updatedEncodeItems, + // }); + }; + return ( - { - zoomTo(encodeItem); - }} - /> +