Some Styling, on development loading is very slow need maybe to find …

…ways to optimize
careerfairsystems · Nov 4, 2024 · 6693106 · 6693106
1 parent 24b672f
commit 6693106
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 7 deletions.
diff --git 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
@@ -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
@@ -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}
             />
           )}
         </>