(PC-34793) feat(BookingPage): disposal forbidden banner

src/features/bookings/components/BookingDetailsContent.tsx

@@ -11,6 +11,7 @@ import { VenueBlockAddress, VenueBlockVenue } from 'features/offer/components/Of
 import { VenueBlockWithItinerary } from 'features/offer/components/OfferVenueBlock/VenueBlockWithItinerary'
 import { analytics } from 'libs/analytics/provider'
 import { formatFullAddress } from 'shared/address/addressFormatter'
+import { ErrorBanner } from 'ui/components/banners/ErrorBanner'
 import { InfoBanner } from 'ui/components/banners/InfoBanner'
 import { Separator } from 'ui/components/Separator'
 import { IdCard } from 'ui/svg/icons/IdCard'
@@ -65,6 +66,9 @@ export const BookingDetailsContent = ({
         }>
         <TypoDS.Body>qrcode</TypoDS.Body>
       </TicketCutout>
+      <ErrorBannerContainer>
+        <ErrorBanner message="Tu n’as pas le droit de céder ou de revendre ton billet." />
+      </ErrorBannerContainer>
       {booking.stock.offer.bookingContact || offer.withdrawalDetails ? (
         <React.Fragment>
           <StyledSeparator height={getSpacing(8)} />
@@ -94,3 +98,8 @@ const StyledSeparator = styled(Separator.Horizontal)({
   marginVertical: getSpacing(8),
   height: getSpacing(2),
 })
+
+const ErrorBannerContainer = styled.View({
+  marginHorizontal: getSpacing(6),
+  marginTop: getSpacing(8),
+})

src/features/bookings/pages/BookingDetails/BookingDetails.native.test.tsx

@@ -741,6 +741,16 @@ describe('BookingDetails', () => {
       openItinerary.mockRestore()
       getBookingProperties.mockRestore()
     })
+
+    it('should display banner warning about disposal', async () => {
+      renderBookingDetails(ongoingBookings)
+
+      await screen.findByText(ongoingBookings.stock.offer.name)
+
+      expect(
+        screen.getByText('Tu n’as pas le droit de céder ou de revendre ton billet.')
+      ).toBeOnTheScreen()
+    })
   })
 })