Merge pull request #53 from acharayaP03/booking_detail_booking_id_bug

booking id is required for showing different booking depending on whi…

src/features/bookings/BookingDetail.jsx

@@ -44,6 +44,7 @@ function BookingDetail() {
 				<Button variation='secondary' onClick={moveBack}>
 					Back
 				</Button>
+				{status === 'unconfirmed' && <Button variation='primary'>Check in</Button>}
 			</ButtonGroup>
 		</>
 	);

src/features/bookings/BookingRow.jsx

@@ -8,6 +8,7 @@ import { Menus } from '@/ui/ActionControls';
 import { formatCurrency, formatDistanceFromNow } from '@/utils/helpers';
 import { HiEye } from 'react-icons/hi';
 import { useNavigate } from 'react-router-dom';
+import { HiArrowDownOnSquare } from 'react-icons/hi2';
 
 const Cabin = styled.div`
 	font-size: 1.6rem;
@@ -86,6 +87,15 @@ export default function BookingRow({
 					<Menus.Button icon={<HiEye />} onClick={() => navigate(`/bookings/${bookingId}`)}>
 						See details
 					</Menus.Button>
+
+					{status === 'unconfirmed' && (
+						<Menus.Button
+							icon={<HiArrowDownOnSquare />}
+							onClick={() => navigate(`/checkin/${bookingId}/edit`)}
+						>
+							Check in
+						</Menus.Button>
+					)}
 				</Menus.List>
 			</Menus>
 		</Table.Row>

src/features/bookings/useBooking.js

@@ -9,7 +9,7 @@ export function useBooking() {
 		data: booking,
 		error,
 	} = useQuery({
-		queryKey: ['bookings'],
+		queryKey: ['bookings', bookingId],
 		queryFn: () => getBooking(bookingId),
 		retry: false, // Disable retries, by default it's 3 tries, but in this case we don't want to retry because the booking might not exist
 	});