import React, {
  createContext,
  useContext,
  useState,
  useLayoutEffect,
} from "react";
import { AS } from "../storageControl";
const initialState = {
  favoriteStation: [],
  setFavoriteStation: () => {},
};

const FavoriteStationContext = createContext(initialState);

export const useFavoriteStation = () => {
  return useContext(FavoriteStationContext);
};

export const FavoriteStationProvider = ({ children }) => {
  const [favoriteStation, setFavoriteStation] = useState([]);
  useLayoutEffect(() => {
    AS.getItem("favoriteStation")
      .then((d) => {
        const returnData = JSON.parse(d);
        setFavoriteStation(returnData);
      })
      .catch((d) => console.log(d));
  }, []);
  return (
    <FavoriteStationContext.Provider
      value={{ favoriteStation, setFavoriteStation }}
    >
      {children}
    </FavoriteStationContext.Provider>
  );
};