84 lines
2.3 KiB
TypeScript
84 lines
2.3 KiB
TypeScript
import ButtonCancelTrip from "@/components/ButtonCancelTrip";
|
|
import ButtonCreateNewHaulOrTrip from "@/components/ButtonCreateNewHaulOrTrip";
|
|
import ButtonEndTrip from "@/components/ButtonEndTrip";
|
|
import CrewListTable from "@/components/tripInfo/CrewListTable";
|
|
import FishingToolsTable from "@/components/tripInfo/FishingToolsList";
|
|
import NetListTable from "@/components/tripInfo/NetListTable";
|
|
import TripCostTable from "@/components/tripInfo/TripCostTable";
|
|
import { useI18n } from "@/hooks/use-i18n";
|
|
import { useThemeContext } from "@/hooks/use-theme-context";
|
|
import { Platform, ScrollView, StyleSheet, Text, View } from "react-native";
|
|
import { SafeAreaView } from "react-native-safe-area-context";
|
|
|
|
export default function TripInfoScreen() {
|
|
const { t } = useI18n();
|
|
const { colors } = useThemeContext();
|
|
return (
|
|
<SafeAreaView style={styles.safeArea} edges={["top", "left", "right"]}>
|
|
<View style={styles.header}>
|
|
<Text style={[styles.titleText, { color: colors.text }]}>
|
|
{t("trip.infoTrip")}
|
|
</Text>
|
|
<View style={styles.buttonWrapper}>
|
|
<ButtonCreateNewHaulOrTrip />
|
|
</View>
|
|
</View>
|
|
<ScrollView contentContainerStyle={styles.scrollContent}>
|
|
<View style={styles.container}>
|
|
<TripCostTable />
|
|
<FishingToolsTable />
|
|
<CrewListTable />
|
|
<NetListTable />
|
|
<View style={styles.buttonRow}>
|
|
<ButtonCancelTrip />
|
|
<ButtonEndTrip />
|
|
</View>
|
|
</View>
|
|
</ScrollView>
|
|
</SafeAreaView>
|
|
);
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
safeArea: {
|
|
flex: 1,
|
|
paddingBottom: 5,
|
|
},
|
|
scrollContent: {
|
|
flexGrow: 1,
|
|
},
|
|
header: {
|
|
width: "100%",
|
|
paddingHorizontal: 15,
|
|
paddingTop: 15,
|
|
paddingBottom: 10,
|
|
alignItems: "center",
|
|
},
|
|
buttonWrapper: {
|
|
width: "100%",
|
|
flexDirection: "row",
|
|
justifyContent: "flex-end",
|
|
},
|
|
container: {
|
|
alignItems: "center",
|
|
paddingHorizontal: 15,
|
|
},
|
|
buttonRow: {
|
|
flexDirection: "row",
|
|
gap: 10,
|
|
marginTop: 15,
|
|
marginBottom: 15,
|
|
},
|
|
titleText: {
|
|
fontSize: 32,
|
|
fontWeight: "700",
|
|
lineHeight: 40,
|
|
paddingBottom: 10,
|
|
fontFamily: Platform.select({
|
|
ios: "System",
|
|
android: "Roboto",
|
|
default: "System",
|
|
}),
|
|
},
|
|
});
|