update button
This commit is contained in:
@@ -1,3 +1,6 @@
|
||||
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";
|
||||
@@ -8,13 +11,22 @@ import { SafeAreaView } from "react-native-safe-area-context";
|
||||
export default function TripInfoScreen() {
|
||||
return (
|
||||
<SafeAreaView style={{ flex: 1 }}>
|
||||
<View style={styles.header}>
|
||||
<Text style={styles.titleText}>Thông Tin Chuyến Đi</Text>
|
||||
<View style={styles.buttonWrapper}>
|
||||
<ButtonCreateNewHaulOrTrip />
|
||||
</View>
|
||||
</View>
|
||||
<ScrollView contentContainerStyle={styles.scrollContent}>
|
||||
<View style={styles.container}>
|
||||
<Text style={styles.titleText}>Thông Tin Chuyến Đi</Text>
|
||||
<TripCostTable />
|
||||
<FishingToolsTable />
|
||||
<CrewListTable />
|
||||
<NetListTable />
|
||||
<View style={styles.buttonRow}>
|
||||
<ButtonCancelTrip />
|
||||
<ButtonEndTrip />
|
||||
</View>
|
||||
</View>
|
||||
</ScrollView>
|
||||
</SafeAreaView>
|
||||
@@ -25,15 +37,32 @@ const styles = StyleSheet.create({
|
||||
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",
|
||||
padding: 15,
|
||||
paddingHorizontal: 15,
|
||||
},
|
||||
buttonRow: {
|
||||
flexDirection: "row",
|
||||
gap: 10,
|
||||
marginTop: 15,
|
||||
},
|
||||
titleText: {
|
||||
fontSize: 32,
|
||||
fontWeight: "700",
|
||||
lineHeight: 40,
|
||||
marginBottom: 10,
|
||||
paddingBottom: 10,
|
||||
fontFamily: Platform.select({
|
||||
ios: "System",
|
||||
android: "Roboto",
|
||||
|
||||
Reference in New Issue
Block a user