41 lines
1.2 KiB
TypeScript
41 lines
1.2 KiB
TypeScript
import { useCurrentTrain } from "@/stateBox/useCurrentTrain";
|
|
import { View, Platform } from "react-native";
|
|
import { useKeepAwake } from "expo-keep-awake";
|
|
import Constants from "expo-constants";
|
|
import { FixedTrain } from "./FixedPositionBox/FixedTrainBox";
|
|
import { FixedStation } from "./FixedPositionBox/FixedStationBox";
|
|
import { useEffect } from "react";
|
|
import { useTrainMenu } from "@/stateBox/useTrainMenu";
|
|
|
|
export const FixedPositionBox = () => {
|
|
const { mapSwitch } = useTrainMenu();
|
|
const { fixedPosition, fixedPositionSize, setFixedPositionSize } =
|
|
useCurrentTrain();
|
|
useEffect(() => {
|
|
setFixedPositionSize(mapSwitch == "true" ? 76 : 80);
|
|
}, [mapSwitch]);
|
|
|
|
useKeepAwake();
|
|
return (
|
|
<View
|
|
style={{
|
|
position: "absolute",
|
|
top: Platform.OS == "ios" ? Constants.statusBarHeight : 0,
|
|
borderRadius: 5,
|
|
zIndex: 1500,
|
|
width: "100%",
|
|
height: fixedPositionSize,
|
|
flexDirection: "row",
|
|
}}
|
|
pointerEvents="box-none"
|
|
>
|
|
{fixedPosition.type === "station" && (
|
|
<FixedStation stationID={fixedPosition.value} />
|
|
)}
|
|
{fixedPosition.type === "train" && (
|
|
<FixedTrain trainID={fixedPosition.value} />
|
|
)}
|
|
</View>
|
|
);
|
|
};
|