地図の路線フィルタリング機能の強化

stateBox/useTrainMenu.js

@@ -0,0 +1,31 @@
+import React, { createContext, useContext, useState } from "react";
+const initialState = {
+  selectedLine: undefined,
+  setSelectedLine: () => {},
+  mapsStationData: undefined,
+  setMapsStationData: () => {},
+};
+
+const TrainMenuContext = createContext(initialState);
+
+export const useTrainMenu = () => {
+  return useContext(TrainMenuContext);
+};
+
+export const TrainMenuProvider = ({ children }) => {
+  const [selectedLine, setSelectedLine] = useState(undefined);
+  const [mapsStationData, setMapsStationData] = useState(undefined);
+
+  return (
+    <TrainMenuContext.Provider
+      value={{
+        selectedLine,
+        setSelectedLine,
+        mapsStationData,
+        setMapsStationData,
+      }}
+    >
+      {children}
+    </TrainMenuContext.Provider>
+  );
+};