diff --git a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsHeader/RoomPackageFilter/index.tsx b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsHeader/RoomPackageFilter/index.tsx index 2635950f9..2b0a5d96c 100644 --- a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsHeader/RoomPackageFilter/index.tsx +++ b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsHeader/RoomPackageFilter/index.tsx @@ -29,7 +29,10 @@ export default function RoomPackageFilter() { bookingRoom, selectedPackages, } = useRoomContext() - const booking = useRatesStore((state) => state.booking) + const { booking, packageOptions } = useRatesStore((state) => ({ + booking: state.booking, + packageOptions: state.packageOptions, + })) async function deleteSelectedPackage(code: PackageEnum) { removeSelectedPackage(code) @@ -70,7 +73,10 @@ export default function RoomPackageFilter() { size={16} color="CurrentColor" /> - {pkg.description} + { + packageOptions.find((pkgOption) => pkg.code === pkgOption.code) + ?.description + } deleteSelectedPackage(pkg.code)} className={styles.removeButton}