space/luggage-list
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases 20 Wiki Activity

feat: move trip creation and check-up into guided modals
Some checks failed
Luggage List Build / build-web (push) Successful in 35s
Details
Luggage List Build / release (push) Has been cancelled
Details
Luggage List Build / build-android (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Luna
2026-04-18 14:39:47 +02:00
parent d40bd6a41c
commit f28ff010d7
5 changed files with 420 additions and 180 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
src/tabs/CheckupTab.js
View File

@@ -2,71 +2,36 @@ import React from 'react';
import { Pressable, Text, View } from 'react-native';
import { styles } from '../styles';
export default function CheckupTab({
checkupSession,
checkupStats,
answerCheckupYes,
openFixModal,
createFreshCheckupSession,
saveCheckup,
}) {
export default function CheckupTab({ selectedTrip, selectedTripItems, checkupStats, startCheckupFlow }) {
return (
<View style={styles.section}>
<View style={styles.sectionRow}>
<Text style={styles.sectionTitle}>Check-Up</Text>
<Pressable style={styles.secondaryBtnTight} onPress={createFreshCheckupSession}>
<Text style={styles.secondaryBtnText}>Check-up</Text>
</Pressable>
</View>
<Text style={styles.sectionTitle}>Check-Up</Text>
{!!checkupSession.length && (
<View style={styles.statsRow}>
<View style={[styles.statPill, styles.statPillCorrect]}>
<Text style={styles.statPillText}>Correct: {checkupStats.correct}</Text>
</View>
<View style={[styles.statPill, styles.statPillBad]}>
<Text style={styles.statPillText}>Bad: {checkupStats.bad}</Text>
</View>
<View style={[styles.statPill, styles.statPillPending]}>
<Text style={styles.statPillText}>Pending: {checkupStats.pending}</Text>
{!selectedTrip ? <Text style={styles.muted}>Select a trip first.</Text> : null}
{selectedTrip && selectedTripItems.length === 0 ? <Text style={styles.muted}>No items for this trip yet.</Text> : null}
{selectedTrip && selectedTripItems.length > 0 ? (
<View style={styles.cardSoft}>
<Text style={styles.cardTitle}>Run a check-up for {selectedTrip.name}</Text>
<Text style={styles.cardMeta}>{selectedTripItems.length} items will be checked one by one.</Text>
<View style={styles.statsRow}>
<View style={[styles.statPill, styles.statPillCorrect]}>
<Text style={styles.statPillText}>Correct: {checkupStats.correct}</Text>
</View>
<View style={[styles.statPill, styles.statPillBad]}>
<Text style={styles.statPillText}>Bad: {checkupStats.bad}</Text>
</View>
<View style={[styles.statPill, styles.statPillPending]}>
<Text style={styles.statPillText}>Pending: {checkupStats.pending}</Text>
</View>
</View>
<Pressable style={styles.primaryBtn} onPress={startCheckupFlow}>
<Text style={styles.primaryBtnText}>Start Check-Up</Text>
</Pressable>
</View>
)}
{checkupSession.length === 0 ? <Text style={styles.muted}>No items for this trip yet.</Text> : null}
{checkupSession.map((entry) => (
<View key={entry.itemId} style={styles.cardSoft}>
<Text style={styles.cardTitle}>{entry.name}</Text>
<Text style={styles.cardMeta}>{entry.category || 'uncategorized'}</Text>
<Text style={styles.cardMeta}>
{entry.current.status} · {entry.current.placement}
{entry.current.status === 'lent-to' && entry.current.lentTo ? ` · ${entry.current.lentTo}` : ''}
</Text>
<View style={styles.answerRow}>
<Pressable style={styles.answerYes} onPress={() => answerCheckupYes(entry.itemId)}>
<Text style={styles.answerText}>Yes</Text>
</Pressable>
<Pressable style={styles.answerNo} onPress={() => openFixModal(entry.itemId)}>
<Text style={styles.answerText}>No</Text>
</Pressable>
<View
style={[
styles.answerStateDot,
entry.result === 'correct' ? styles.answerStateDotOn : null,
entry.result === 'bad' ? styles.answerStateDotBad : null,
]}
/>
</View>
</View>
))}
{!!checkupSession.length && (
<Pressable style={styles.primaryBtn} onPress={saveCheckup}>
<Text style={styles.primaryBtnText}>Save Check-Up Snapshot</Text>
</Pressable>
)}
) : null}
</View>
);
}