Skip to content

feat(booking): add list selection for web scanner and camera checkout for mobile #2788

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Pallavikumarimdb wants to merge 3 commits into
base: main
Choose a base branch
from
Open

feat(booking): add list selection for web scanner and camera checkout for mobile #2788

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
d01d3f4
feat(booking): add list selection for web scanner and camera checkout…
Pallavikumarimdb Jul 31, 2026
7ee9572
revert(auth): accidental dev login bypass changes
Pallavikumarimdb Jul 31, 2026
3cb56aa
feat(mobile): align kit scan eligibility and conditional navigation f…
Pallavikumarimdb Aug 1, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
95 changes: 63 additions & 32 deletions apps/companion/app/(tabs)/bookings/[id].tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1372,42 +1372,73 @@ export default function BookingDetailScreen() {
after the booking has gone ONGOING (canPartialCheckout, not
canCheckout) so the user can keep taking the rest. */}
{canPartialCheckout && (
<TouchableOpacity
style={[
styles.actionButtonOutline,
selectMode === "checkout" && styles.actionButtonOutlineActive,
]}
onPress={() => {
setSelectMode(selectMode === "checkout" ? null : "checkout");
setSelectedAssetIds(new Set());
}}
accessibilityLabel={
selectMode === "checkout"
? "Cancel selection"
: "Select assets to check out"
}
accessibilityRole="button"
>
<Ionicons
name={
selectMode === "checkout" ? "close" : "checkbox-outline"
}
size={18}
color={
selectMode === "checkout"
? colors.error
: colors.buttonSecondaryText
<>
<TouchableOpacity
style={styles.actionButtonOutline}
onPress={() =>
router.push(
`/(tabs)/scanner?bookingId=${
booking.id
}&bookingName=${encodeURIComponent(
booking.name
)}&bookingAction=checkout`
)
}
/>
<Text
accessibilityLabel="Scan assets to check out"
accessibilityRole="button"
>
<Ionicons
name="scan"
size={18}
color={colors.buttonSecondaryText}
/>
<Text style={styles.actionButtonOutlineText}>
Scan to Check Out
</Text>
</TouchableOpacity>

<TouchableOpacity
style={[
styles.actionButtonOutlineText,
selectMode === "checkout" && { color: colors.error },
styles.actionButtonOutline,
selectMode === "checkout" &&
styles.actionButtonOutlineActive,
]}
onPress={() => {
setSelectMode(
selectMode === "checkout" ? null : "checkout"
);
setSelectedAssetIds(new Set());
}}
accessibilityLabel={
selectMode === "checkout"
? "Cancel selection"
: "Select assets to check out"
}
accessibilityRole="button"
>
{selectMode === "checkout" ? "Cancel" : "Select to Check Out"}
</Text>
</TouchableOpacity>
<Ionicons
name={
selectMode === "checkout" ? "close" : "checkbox-outline"
}
size={18}
color={
selectMode === "checkout"
? colors.error
: colors.buttonSecondaryText
}
/>
<Text
style={[
styles.actionButtonOutlineText,
selectMode === "checkout" && { color: colors.error },
]}
>
{selectMode === "checkout"
? "Cancel"
: "Select to Check Out"}
</Text>
</TouchableOpacity>
</>
)}

{/* Book-by-model: a RESERVED booking with unfulfilled reservations
Expand Down
Loading