列番を並び替え、列車リンク表示機能等を実装

stateBox/useAllTrainDiagram.js

@@ -31,7 +31,14 @@ export const AllTrainDiagramProvider = ({ children }) => {
           const keys = Object.keys(d);
           data[keys] = d[keys];
         });
-        return data;
+        //dataのkeyで並び替え
+        const sortedData = Object.keys(data)
+          .sort((a, b) => a.replace(/[D,M]/, "") - b.replace(/[D,M]/, ""))
+          .reduce((acc, key) => {
+            acc[key] = data[key];
+            return acc;
+          }, {});
+        return sortedData;
       })
       .then((res) => {
         setAllTrainDiagram(res);