End

src/components/sidebarLeft/index.ts

@@ -25,7 +25,7 @@ import AppNewChannelTab from "./tabs/newChannel";
 import AppContactsTab from "./tabs/contacts";
 import AppArchivedTab from "./tabs/archivedTab";
 import AppAddMembersTab from "./tabs/addMembers";
-import AppPeopleNearby from "./tabs/PeopleNearby";
+import AppPeopleNearby from "./tabs/peopleNearby";
 import { i18n_, LangPackKey } from "../../lib/langPack";
 import { ButtonMenuItemOptions } from "../buttonMenu";
 import CheckboxField from "../checkboxField";

src/components/sidebarLeft/tabs/peopleNearby.ts

@@ -185,7 +185,7 @@ export default class AppPeopleNearby extends SliderSuperTab {
                   break;
                 }
               }
-              dom.lastMessageSpan.append(', '+i18n('Members', [participantsCount]));
+              dom.lastMessageSpan.append(', ', i18n('Members', [participantsCount]));
             }
           });
 
@@ -234,7 +234,7 @@ export default class AppPeopleNearby extends SliderSuperTab {
         const distanceCheck = this.calculateDistance(
           result.coords.latitude, result.coords.longitude,
           this.latestLocationSaved.latitude, this.latestLocationSaved.longitude
-        );
+        ) > 100;
         if((isLatitudeDifferent || isLongitudeDifferent) && distanceCheck){
           appUsersManager.getLocated(
             result.coords.latitude,

src/scss/partials/_peopleNearby.scss

@@ -1,16 +1,17 @@
-div.text.nearby-description {
+.peoplenearby-container {
+	div.text.nearby-description {
 		margin-top: 15px;
 	  text-align: center;
 	  color: var(--primary-text-color);
-}
+	}
 
-div.text.nearby-error {
+	div.text.nearby-error {
 	  color: var(--gc-secondary-text-color);
 	  margin-top: 10px;
 	  text-align: center;
-}
+	}
 
-.locating-animation-container {
+	.locating-animation-container {
 	  min-height: 140px;
 	  width: 100%;
 	  display: flex;
@@ -70,10 +71,11 @@ div.text.nearby-error {
 		  	transform: rotateY(180deg);
 		  }
 	  }
-}
+	}
 
-@keyframes waves-animation {
+	@keyframes waves-animation {
 		from { opacity: 100%; }
 		50% { opacity: 0%; }
 		to { opacity: 100%; }
+	}
 }