diff --git a/menu.js b/menu.js index 0789af4..5a30294 100644 --- a/menu.js +++ b/menu.js @@ -74,6 +74,14 @@ export default function Menu(props) { useEffect(() => { getStationList().then(setOriginalStationList); }, []); + const [locationAndFavorite, setLocationAndFavorite] = useState([]); + useEffect(() => { + if (!favoriteStation) return () => {}; + const data = favoriteStation.filter((d) => + JSON.stringify(d) === JSON.stringify(currentStation) ? false : true + ); + setLocationAndFavorite(data); + }, [currentStation, favoriteStation]); const [stationName, setStationName] = useState(undefined); const [currentStation, setCurrentStation] = useState(undefined); @@ -123,6 +131,7 @@ export default function Menu(props) { const carouselRef = useRef(); const scrollRef = useRef(); const [isScroll, setIsScroll] = useState(true); + const [selectedCurrentStation, setSelectedCurrentStation] = useState(0); useEffect(() => { fetch( @@ -166,11 +175,20 @@ export default function Menu(props) { { + setSelectedCurrentStation(d); + }} renderItem={({ item, index }) => { return ( @@ -185,8 +203,16 @@ export default function Menu(props) { ); }} /> - {currentStation && ( - + {(currentStation || originalStationList) && ( + )}