diff --git a/components/ActionSheetComponents/EachTrainInfo/LandscapeTrainInfo.js b/components/ActionSheetComponents/EachTrainInfo/LandscapeTrainInfo.js deleted file mode 100644 index f6cadc9..0000000 --- a/components/ActionSheetComponents/EachTrainInfo/LandscapeTrainInfo.js +++ /dev/null @@ -1,46 +0,0 @@ -import React from "react"; -import { View, Text, ScrollView, useWindowDimensions } from "react-native"; - -export const LandscapeTrainInfo = (props) => { - const { leftContent, topStickyContent, children, scrollHandlers } = props; - const { height, width } = useWindowDimensions(); - return ( - - - {leftContent} - - { - // Handle scroll events - }} - > - - - {topStickyContent} - - {children} - - - ); -}; diff --git a/components/ActionSheetComponents/EachTrainInfo/LongHeader.js b/components/ActionSheetComponents/EachTrainInfo/LongHeader.tsx similarity index 61% rename from components/ActionSheetComponents/EachTrainInfo/LongHeader.js rename to components/ActionSheetComponents/EachTrainInfo/LongHeader.tsx index bba8ab4..01a8118 100644 --- a/components/ActionSheetComponents/EachTrainInfo/LongHeader.js +++ b/components/ActionSheetComponents/EachTrainInfo/LongHeader.tsx @@ -1,8 +1,15 @@ -import React from "react"; +import React, { FC } from "react"; import { ScrollView } from "react-native"; import { TrainDataView } from "./TrainDataView"; - -export const LongHeader = ({ +import { trainDataType } from "@/lib/trainPositionTextArray"; +type props = { + currentTrainData: trainDataType; + currentPosition: string[] | undefined; + nearTrainIDList: string[]; + openTrainInfo: (f: string) => void; + navigate: (screen: string, data?: any) => void; +} +export const LongHeader:FC = ({ currentTrainData, currentPosition, nearTrainIDList, diff --git a/components/ActionSheetComponents/EachTrainInfo/ShortHeader.js b/components/ActionSheetComponents/EachTrainInfo/ShortHeader.tsx similarity index 63% rename from components/ActionSheetComponents/EachTrainInfo/ShortHeader.js rename to components/ActionSheetComponents/EachTrainInfo/ShortHeader.tsx index 3c474ab..d22fccf 100644 --- a/components/ActionSheetComponents/EachTrainInfo/ShortHeader.js +++ b/components/ActionSheetComponents/EachTrainInfo/ShortHeader.tsx @@ -1,8 +1,15 @@ -import React from "react"; +import React, { FC } from "react"; import { ScrollView } from "react-native"; import { TrainDataView } from "./TrainDataView"; - -export const ShortHeader = ({ +import { trainDataType } from "@/lib/trainPositionTextArray"; +type props = { + currentTrainData: trainDataType; + currentPosition: string[] | undefined; + nearTrainIDList: string[]; + openTrainInfo: (f: string) => void; + navigate: (screen: string, data?: any) => void; +} +export const ShortHeader:FC = ({ currentTrainData, currentPosition, nearTrainIDList, diff --git a/components/ActionSheetComponents/EachTrainInfo/TrainDataView.tsx b/components/ActionSheetComponents/EachTrainInfo/TrainDataView.tsx index cacd548..1f64f0e 100644 --- a/components/ActionSheetComponents/EachTrainInfo/TrainDataView.tsx +++ b/components/ActionSheetComponents/EachTrainInfo/TrainDataView.tsx @@ -1,4 +1,4 @@ -import React, { useState, useEffect } from "react"; +import React, { useState, useEffect, FC } from "react"; import { View, TouchableOpacity, useWindowDimensions } from "react-native"; import { StateBox } from "./StateBox"; import { PositionBox } from "./PositionBox"; @@ -6,14 +6,23 @@ import { useDeviceOrientationChange } from "../../../stateBox/useDeviceOrientati import { getStationList2 } from "../../../lib/getStationList"; import { useCurrentTrain } from "../../../stateBox/useCurrentTrain"; import { SheetManager } from "react-native-actions-sheet"; -import { trainPosition } from "../../../lib/trainPositionTextArray"; +import { trainDataType, trainPosition } from "@/lib/trainPositionTextArray"; import { StationPosPushDialog } from "../../発車時刻表/LED_inside_Component/TrainPositionDataPush"; import { getStationID } from "../../../lib/eachTrainInfoCoreLib/getStationData"; import { useStationList } from "../../../stateBox/useStationList"; import { useAllTrainDiagram } from "@/stateBox/useAllTrainDiagram"; import { customTrainDataDetector } from "@/components/custom-train-data"; -export const TrainDataView = ({ + +type props = { + currentTrainData: trainDataType; + currentPosition: string[] | undefined; + nearTrainIDList: string[]; + openTrainInfo: (f: string) => void; + mode?: 0 | 1 | 2; //0:通常,1:コンパクト,2:横並び + navigate: (screen: string, data?: any) => void; +} +export const TrainDataView:FC = ({ currentTrainData, currentPosition, nearTrainIDList, diff --git a/lib/CommonTypes.ts b/lib/CommonTypes.ts index 46a05eb..42e390a 100644 --- a/lib/CommonTypes.ts +++ b/lib/CommonTypes.ts @@ -19,6 +19,7 @@ export type trainTypeID = export type CustomTrainData = { ToData?: string; TrainNumber?: string; + TrainNumberOverride?: string; id?: string; img?: string; isWanman?: boolean; diff --git a/lib/trainPositionTextArray.ts b/lib/trainPositionTextArray.ts index b9d89c3..ed5e054 100644 --- a/lib/trainPositionTextArray.ts +++ b/lib/trainPositionTextArray.ts @@ -18,7 +18,7 @@ export type trainDataType = { Line?: string; PosNum?: number; Type?: string; - delay?: string | number; + delay?: "入線" | number; num?: string; }; type trainData = (