32 lines
891 B
TypeScript
32 lines
891 B
TypeScript
import { useCurrentTrain } from "@/stateBox/useCurrentTrain";
|
|
import { View, Platform } from "react-native";
|
|
import Constants from "expo-constants";
|
|
import { FixedTrain } from "./FixedPositionBox/FixedTrainBox";
|
|
import { FixedStation } from "./FixedPositionBox/FixedStationBox";
|
|
|
|
export const FixedPositionBox = () => {
|
|
const { fixedPosition, setFixedPosition } = useCurrentTrain();
|
|
|
|
return (
|
|
<View
|
|
style={{
|
|
position: "absolute",
|
|
top: Platform.OS == "ios" ? Constants.statusBarHeight : 0,
|
|
borderRadius: 5,
|
|
zIndex: 1500,
|
|
width: "100%",
|
|
height: 50,
|
|
flexDirection: "row",
|
|
}}
|
|
>
|
|
{fixedPosition.type === "station" && (
|
|
<FixedStation stationID={fixedPosition.value} />
|
|
)}
|
|
{fixedPosition.type === "train" && (
|
|
<FixedTrain trainID={fixedPosition.value} />
|
|
)}
|
|
</View>
|
|
);
|
|
};
|
|
|