From 9f2c9169a77a825b2e5e92f37a0792e060692f3d Mon Sep 17 00:00:00 2001
From: Steffen Kleinle <steffen.kleinle@mailbox.org>
Date: Tue, 18 Feb 2025 13:33:18 +0100
Subject: [PATCH] 1258: Use styled components

---
 native/src/routes/Pois.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/native/src/routes/Pois.tsx b/native/src/routes/Pois.tsx
index 89156d3ef7..b2819a6312 100644
--- a/native/src/routes/Pois.tsx
+++ b/native/src/routes/Pois.tsx
@@ -1,7 +1,7 @@
 import { BottomSheetFlatListMethods } from '@gorhom/bottom-sheet'
 import React, { ReactElement, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { View, useWindowDimensions } from 'react-native'
+import { useWindowDimensions } from 'react-native'
 import { SvgUri } from 'react-native-svg'
 import styled from 'styled-components/native'
 
@@ -24,6 +24,10 @@ const StyledIcon = styled(Icon)`
   height: 16px;
 `
 
+const Container = styled.View`
+  flex: 1;
+`
+
 const SNAP_POINT_MID_PERCENTAGE = 0.35
 
 type PoisProps = {
@@ -129,7 +133,7 @@ const Pois = ({ pois: allPois, cityModel, route, navigation }: PoisProps): React
   )
 
   return (
-    <View style={{ flex: 1 }}>
+    <Container>
       <PoiFiltersModal
         modalVisible={showFilterSelection}
         closeModal={() => setShowFilterSelection(false)}
@@ -166,7 +170,7 @@ const Pois = ({ pois: allPois, cityModel, route, navigation }: PoisProps): React
         setScrollPosition={setListScrollPosition}
         isFullscreen={bottomSheetFullscreen}
       />
-    </View>
+    </Container>
   )
 }