From 6693106753a538068e4d24971ac4df622bf30000 Mon Sep 17 00:00:00 2001
From: danny <danny002@gmai.com>
Date: Mon, 4 Nov 2024 02:17:28 +0100
Subject: [PATCH] Some Styling, on development loading is very slow need maybe
 to find ways to optimize

---
 screens/maps/PositioningMapScreen.tsx         | 20 ++++++++++++-------
 screens/maps/components/FloorMapOverlay.tsx   |  1 +
 .../maps/components/Routing/RoutingPath.tsx   |  2 ++
 3 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/screens/maps/PositioningMapScreen.tsx b/screens/maps/PositioningMapScreen.tsx
index 3b31013..0e9fcb3 100644
--- a/screens/maps/PositioningMapScreen.tsx
+++ b/screens/maps/PositioningMapScreen.tsx
@@ -124,7 +124,6 @@ export default function PositioningMapScreen({ route }: PositioningMapScreenProp
   const stopRouting = () => {
     sdk?.getRoutingProvider().removeAllListeners()
     setRoute(null);
-    console.log("Routing stopped");
   };
 
   const handleFloorSelect = (floor: number) => {
@@ -148,7 +147,6 @@ export default function PositioningMapScreen({ route }: PositioningMapScreenProp
         const { sdk } = route.params;
         sdk.currentLocation.addListener((e) => {
           setLoadingPosition(false);
-          console.log(e?.indoor?.featureModelId)
           if(e){
             setLat(e.latitude)
             setLng(e.longitude)
@@ -275,7 +273,7 @@ export default function PositioningMapScreen({ route }: PositioningMapScreenProp
 
       <RBSheet
         ref={refRBSheet}
-        height={400}  // Increase height if needed
+        height={450}  // Increase height if needed
         openDuration={250}
         customStyles={{
           container: styles.sheetContainer,
@@ -296,7 +294,9 @@ export default function PositioningMapScreen({ route }: PositioningMapScreenProp
           </Text>
 
           {selectedCompany && (
-            <TagsList company={selectedCompany} showOptions={ShowOptions.Industries} />
+            <View style={styles.infoContainer}>
+              <TagsList company={selectedCompany} showOptions={ShowOptions.Industries} />
+            </View>
           )}
 
           {selectedTarget && (
@@ -383,14 +383,12 @@ const styles = StyleSheet.create({
   },
   stopButton: {
     marginLeft: 10,
-    backgroundColor: "red",
-    borderRadius: 5,
+    backgroundColor: Colors.arkadOrange,
     padding: 5,
   },
   routeButton: {
     marginLeft: 10,
     backgroundColor: Colors.arkadTurkos,
-    borderRadius: 5,
     padding: 5,
   },
   stopButtonText: {
@@ -434,6 +432,7 @@ const styles = StyleSheet.create({
   },
   contentContainer: {
     paddingHorizontal: 20,
+    padding: 10,
     backgroundColor: Colors.arkadNavy,
   },
   sheetTitle: {
@@ -461,5 +460,12 @@ const styles = StyleSheet.create({
   selectedFloorText: {
     fontWeight: "bold",
   },
+  infoContainer: {
+    flexDirection: "column",
+    alignItems: "flex-start",
+    width: "100%",
+    marginBottom: 20,
+  },
+
 
 });
diff --git a/screens/maps/components/FloorMapOverlay.tsx b/screens/maps/components/FloorMapOverlay.tsx
index 4360d6f..c39a56a 100644
--- a/screens/maps/components/FloorMapOverlay.tsx
+++ b/screens/maps/components/FloorMapOverlay.tsx
@@ -71,6 +71,7 @@ const styles = StyleSheet.create({
     left: 0,
     width: '100%',
     height: '100%',
+    zIndex: 1,
   },
 });
 
diff --git a/screens/maps/components/Routing/RoutingPath.tsx b/screens/maps/components/Routing/RoutingPath.tsx
index b4fa404..0d8315c 100644
--- a/screens/maps/components/Routing/RoutingPath.tsx
+++ b/screens/maps/components/Routing/RoutingPath.tsx
@@ -106,6 +106,7 @@ const RoutingPath: React.FC<{ startPosition: ReactRoutingPosition, currentlocati
               lineCap="round"
               lineJoin="round"
               lineDashPattern={[20, 20]}
+              zIndex={3}
             />
           )}
 
@@ -116,6 +117,7 @@ const RoutingPath: React.FC<{ startPosition: ReactRoutingPosition, currentlocati
               strokeWidth={4}
               lineCap="round"
               lineJoin="round"
+              zIndex={3}
             />
           )}
         </>