TP-30261 | Review comment fixes

src/screens/addressGeolocation/AddressContainer.tsx

@@ -67,18 +67,6 @@ const AddressContainer: React.FC<IAddressContainer> = ({
             onExpanded={(isExpanded) =>
               handleAccordionExpand(isExpanded, groupedAddress?.metaAddress?.id)
             }
-            adjacentComponent={
-              groupedAddress.metaAddress.nearbyGeoLocation ? (
-                <View>
-                  <SeparatorBorderComponent />
-                  <GeolocationItem
-                    geolocationItem={groupedAddress.metaAddress.nearbyGeoLocation}
-                    highlightIcon={index === 0}
-                    showSeparator={false}
-                  />
-                </View>
-              ) : null
-            }
           >
             {groupedAddress?.similarAddresses.length ? (
               <View>

src/screens/addressGeolocation/AddressItem.tsx

@@ -164,22 +164,15 @@ const AddressItem = ({
         >
           {sanitizeString(`${dateFormat(new Date(addressItem?.updatedAt), BUSINESS_DATE_FORMAT)}`)}
           {showRelativeDistance && relativeDistanceBwLatLong ? (
-            <>
+            <Text style={GenericStyles.tiny}>
               &nbsp;&nbsp;&#9679;&nbsp;&nbsp;
               {!isNaN(relativeDistanceBwLatLong) ? relativeDistanceBwLatLong.toFixed(2) : '--'} km
               away
-            </>
+            </Text>
           ) : null}
         </Text>
         {showActionButtons ? (
           <View style={[styles.container, GenericStyles.row, GenericStyles.pt12]}>
-            <TouchableOpacity
-              activeOpacity={0.7}
-              onPress={openGeolocation}
-              style={[{ flexBasis: '30%' }]}
-            >
-              <Text style={styles.actionBtn}>Open Map</Text>
-            </TouchableOpacity>
             <TouchableOpacity
               activeOpacity={0.7}
               onPress={handleAddFeedback}
@@ -211,13 +204,12 @@ const styles = StyleSheet.create({
   },
   iconContainer: {
     marginRight: 8,
-    borderRadius: 12,
-    width: 24,
-    height: 24,
+    borderRadius: 12.5,
+    width: 25,
+    height: 25,
     backgroundColor: COLORS.BACKGROUND.GREY_D9,
     alignItems: 'center',
-    justifyContent: 'center',
-    borderWidth: 1,
+    borderWidth: 0.5,
   },
   cardBoldTitle: {
     fontWeight: '500',

src/screens/addressGeolocation/GeolocationItem.tsx

@@ -89,7 +89,7 @@ const GeolocationItem = ({
             </Text>
             <Text style={[styles.textContainer, GenericStyles.mb12]}>
               {sanitizeString(locationDate)}
-              &nbsp;&nbsp;&#9679;&nbsp;&nbsp;
+              <Text style={GenericStyles.tiny}>&nbsp;&nbsp;&#9679;&nbsp;&nbsp;</Text>
               {sanitizeString(locationTime)}
             </Text>
             <TouchableOpacity activeOpacity={0.7} onPress={openGeolocation}>

src/screens/addressGeolocation/index.tsx

@@ -154,7 +154,7 @@ const AddressGeolocation: React.FC<IAddressGeolocation> = ({ route: routeParams
               </View>
             </View>
           </View>
-          <Text style={[styles.textContainer, GenericStyles.p16]}>Other geolocations</Text>
+          <Text style={[styles.textContainer, GenericStyles.p16]}>User geolocations</Text>
           <GeolocationContainer geolocationList={addressGeolocation.geoLocations} />
           <View style={[GenericStyles.p16, styles.btnContainer]}>
             <Button