(PC-34249) fix(HorizontalOfferTile): flex was remove on refacto on Ho…

…rizontalTile so now is missing (#7588)
pass-culture · Jan 28, 2025 · 588ea2a · 588ea2a
1 parent 3150ecc
commit 588ea2a
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/ui/components/tiles/HorizontalOfferTile.tsx b/src/ui/components/tiles/HorizontalOfferTile.tsx
@@ -119,7 +119,7 @@ export const HorizontalOfferTile = ({
       enableNavigate={!!offerId}
       from={analyticsParams.from}
       style={style}>
-      <HorizontalTile {...horizontalTileProps} categoryId={categoryId} imageUrl={thumbUrl}>
+      <StyledHorizontalTile {...horizontalTileProps} categoryId={categoryId} imageUrl={thumbUrl}>
         <Row flex={1} gap={getSpacing(4)} alignItems="space-between">
           <Column flex={1}>
             {distanceToOffer ? (
@@ -146,11 +146,15 @@ export const HorizontalOfferTile = ({
           </Column>
           {distanceToOffer ? <DistanceTag label={`à ${distanceToOffer}`} /> : null}
         </Row>
-      </HorizontalTile>
+      </StyledHorizontalTile>
     </Container>
   )
 }
 
+const StyledHorizontalTile = styled(HorizontalTile)({
+  flex: 1,
+})
+
 const Container = styled(InternalTouchableLink)({
   flexDirection: 'row',
   alignItems: 'center',