Closed harshinventory closed 1 month ago
Updated Component Usage:
<SeatsLayout
row={10}
layout={{ columnOne: 2, columnTwo: 2 }}
isSleeperLayout={true}
seatImage={{ image: SleeperSeatIcon, tintColor: 'gray' }}
selectedSeats={[
{ seatNumber: 1, seatType: 'booked' }, // Booked seat
{ seatNumber: 2, seatType: 'blocked' }, // Blocked Seat data
{ seatNumber: 5, seatType: 'door' }, // Show Door
{ seatNumber: 6, seatType: 'emptySpace' }, // Empty space
{ seatNumber: 11, seatType: 'women' },
{ seatNumber: 12, seatType: 'women' }, // Women seat
{ seatNumber: 16, seatType: 'booked' },
{ seatNumber: 17, seatType: 'door' }, // Show Door
{ seatNumber: 18, seatType: 'emptySpace' }, // Empty space
{ seatNumber: 29, seatType: 'door' }, // Show Door
{ seatNumber: 30, seatType: 'emptySpace' },
]}
numberTextStyle={styles.numberStyle}
getBookedSeats={(seats) => {
console.log('getBookedSeats :: ', seats);
}}
/>
Detail: added in-exit door functionality.
Build Test:
Attached Screenshot
Test Case: