tuanta/SeaGateway-App
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update login, detail table in tripInfo

Browse Source
This commit is contained in:
MinhNN
2025-10-31 23:55:39 +07:00
parent 5801992eae
commit 44fc6848a8
9 changed files with 132 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
components/tripInfo/CrewListTable.tsx
View File

@@ -17,6 +17,12 @@ interface CrewMember {
// ⚓ Dữ liệu mẫu
// ---------------------------
const data: CrewMember[] = [
{
id: "10",
maDinhDanh: "ChuTau",
ten: "Nguyễn Nhật Minh",
chucVu: "Chủ tàu",
},
{
id: "1",
maDinhDanh: "TV001",
@@ -43,6 +49,10 @@ const CrewListTable: React.FC = () => {
setCollapsed((prev) => !prev);
};
const handleCrewPress = (crewId: string) => {
console.log("Crew ID:", crewId);
};
return (
<View style={styles.container}>
{/* Header toggle */}
@@ -77,7 +87,9 @@ const CrewListTable: React.FC = () => {
<Text style={[styles.cell, styles.left, styles.headerText]}>
Mã định danh
</Text>
<Text style={[styles.cell, styles.headerText]}>Tên</Text>
<View style={styles.cellWrapper}>
<Text style={[styles.cell, styles.headerText]}>Tên</Text>
</View>
<Text style={[styles.cell, styles.right, styles.headerText]}>
Chức vụ
</Text>
@@ -87,7 +99,12 @@ const CrewListTable: React.FC = () => {
{data.map((item) => (
<View key={item.id} style={styles.row}>
<Text style={[styles.cell, styles.left]}>{item.maDinhDanh}</Text>
<Text style={[styles.cell]}>{item.ten}</Text>
<TouchableOpacity
style={styles.cellWrapper}
onPress={() => handleCrewPress(item.id)}
>
<Text style={[styles.cell, styles.linkText]}>{item.ten}</Text>
</TouchableOpacity>
<Text style={[styles.cell, styles.right]}>{item.chucVu}</Text>
</View>
))}
@@ -109,7 +126,9 @@ const CrewListTable: React.FC = () => {
<Text style={[styles.cell, styles.left, styles.headerText]}>
Mã định danh
</Text>
<Text style={[styles.cell, styles.headerText]}>Tên</Text>
<View style={styles.cellWrapper}>
<Text style={[styles.cell, styles.headerText]}>Tên</Text>
</View>
<Text style={[styles.cell, styles.right, styles.headerText]}>
Chức vụ
</Text>
@@ -119,7 +138,12 @@ const CrewListTable: React.FC = () => {
{data.map((item) => (
<View key={item.id} style={styles.row}>
<Text style={[styles.cell, styles.left]}>{item.maDinhDanh}</Text>
<Text style={[styles.cell]}>{item.ten}</Text>
<TouchableOpacity
style={styles.cellWrapper}
onPress={() => handleCrewPress(item.id)}
>
<Text style={[styles.cell, styles.linkText]}>{item.ten}</Text>
</TouchableOpacity>
<Text style={[styles.cell, styles.right]}>{item.chucVu}</Text>
</View>
))}