From 9a4f7326c1dab8289273ca6d29edadbdd59379fb Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Mon, 22 Sep 2025 23:59:18 +0200
Subject: [PATCH] fix(webapp): no distance to me on own profile (#8907)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Wolfgang Huß <wolle.huss@pjannto.com>
---
 .../components/LocationInfo/LocationInfo.vue  |  6 +-
 .../UserTeaser/UserTeaserPopover.vue          |  7 +-
 webapp/pages/groups/_id/_slug.vue             |  7 +-
 .../_id/__snapshots__/_slug.spec.js.snap      | 88 ++++++++++++++++++-
 webapp/pages/profile/_id/_slug.spec.js        |  8 ++
 webapp/pages/profile/_id/_slug.vue            |  7 +-
 6 files changed, 115 insertions(+), 8 deletions(-)

diff --git a/webapp/components/LocationInfo/LocationInfo.vue b/webapp/components/LocationInfo/LocationInfo.vue
index 89dbeddf2..4d7f5960a 100644
--- a/webapp/components/LocationInfo/LocationInfo.vue
+++ b/webapp/components/LocationInfo/LocationInfo.vue
@@ -4,7 +4,7 @@
       <base-icon name="map-marker" />
       {{ locationData.name }}
     </div>
-    <div v-if="locationData.distanceToMe !== null" class="distance">
+    <div v-if="locationData.distanceToMe !== null && !isOwner" class="distance">
       {{ $t('location.distance', { distance: locationData.distanceToMe }) }}
     </div>
   </div>
@@ -22,6 +22,10 @@ export default {
         return value.match(/(small|base)/)
       },
     },
+    isOwner: {
+      type: Boolean,
+      required: true,
+    },
   },
 }
 </script>
diff --git a/webapp/components/UserTeaser/UserTeaserPopover.vue b/webapp/components/UserTeaser/UserTeaserPopover.vue
index e1c553cab..63f92df8c 100644
--- a/webapp/components/UserTeaser/UserTeaserPopover.vue
+++ b/webapp/components/UserTeaser/UserTeaserPopover.vue
@@ -4,7 +4,12 @@
       v-if="$env.BADGES_ENABLED && user.badgeVerification"
       :badges="[user.badgeVerification, ...user.badgeTrophiesSelected]"
     />
-    <location-info v-if="user.location" :location-data="user.location" class="location-info" />
+    <location-info
+      v-if="user.location"
+      :location-data="user.location"
+      :is-owner="userId === $store.getters['auth/user'].id"
+      class="location-info"
+    />
     <ul class="statistics">
       <li>
         <ds-number :count="user.followedByCount" :label="$t('profile.followers')" />
diff --git a/webapp/pages/groups/_id/_slug.vue b/webapp/pages/groups/_id/_slug.vue
index 66730f03f..06464c6b7 100644
--- a/webapp/pages/groups/_id/_slug.vue
+++ b/webapp/pages/groups/_id/_slug.vue
@@ -38,7 +38,12 @@
               {{ `&${groupSlug}` }}
             </ds-text>
             <!-- group location -->
-            <location-info v-if="group.location" :location-data="group.location" size="small" />
+            <location-info
+              v-if="group.location"
+              :location-data="group.location"
+              :is-owner="false"
+              size="small"
+            />
             <!-- group created at -->
             <ds-text align="center" color="soft" size="small">
               {{ $t('group.foundation') }} {{ group.createdAt | date('MMMM yyyy') }}
diff --git a/webapp/pages/profile/_id/__snapshots__/_slug.spec.js.snap b/webapp/pages/profile/_id/__snapshots__/_slug.spec.js.snap
index d4fa08457..013dab84b 100644
--- a/webapp/pages/profile/_id/__snapshots__/_slug.spec.js.snap
+++ b/webapp/pages/profile/_id/__snapshots__/_slug.spec.js.snap
@@ -181,7 +181,30 @@ exports[`ProfileSlug given an authenticated user given another profile user and
           
             </p>
              
-            <!---->
+            <div
+              class="location-info size-small"
+            >
+              <div
+                class="location"
+              >
+                <span
+                  class="base-icon"
+                >
+                  <!---->
+                </span>
+                
+    Berlin
+  
+              </div>
+               
+              <div
+                class="distance"
+              >
+                
+    location.distance
+  
+              </div>
+            </div>
              
             <p
               class="ds-text ds-text-size-small ds-text-soft ds-text-center"
@@ -799,7 +822,30 @@ exports[`ProfileSlug given an authenticated user given another profile user and
           
             </p>
              
-            <!---->
+            <div
+              class="location-info size-small"
+            >
+              <div
+                class="location"
+              >
+                <span
+                  class="base-icon"
+                >
+                  <!---->
+                </span>
+                
+    Berlin
+  
+              </div>
+               
+              <div
+                class="distance"
+              >
+                
+    location.distance
+  
+              </div>
+            </div>
              
             <p
               class="ds-text ds-text-size-small ds-text-soft ds-text-center"
@@ -1424,7 +1470,24 @@ exports[`ProfileSlug given an authenticated user given the logged in user as pro
           
             </p>
              
-            <!---->
+            <div
+              class="location-info size-small"
+            >
+              <div
+                class="location"
+              >
+                <span
+                  class="base-icon"
+                >
+                  <!---->
+                </span>
+                
+    Paris
+  
+              </div>
+               
+              <!---->
+            </div>
              
             <p
               class="ds-text ds-text-size-small ds-text-soft ds-text-center"
@@ -1986,7 +2049,24 @@ exports[`ProfileSlug given an authenticated user given the logged in user as pro
           
             </p>
              
-            <!---->
+            <div
+              class="location-info size-small"
+            >
+              <div
+                class="location"
+              >
+                <span
+                  class="base-icon"
+                >
+                  <!---->
+                </span>
+                
+    Paris
+  
+              </div>
+               
+              <!---->
+            </div>
              
             <p
               class="ds-text ds-text-size-small ds-text-soft ds-text-center"
diff --git a/webapp/pages/profile/_id/_slug.spec.js b/webapp/pages/profile/_id/_slug.spec.js
index a4cc473c3..5d7e2398b 100644
--- a/webapp/pages/profile/_id/_slug.spec.js
+++ b/webapp/pages/profile/_id/_slug.spec.js
@@ -91,6 +91,10 @@ describe('ProfileSlug', () => {
             contributionsCount: 6,
             shoutedCount: 7,
             commentedCount: 8,
+            location: {
+              name: 'Berlin',
+              distanceToMe: '877 km',
+            },
             badgeVerification: {
               id: 'bv1',
               icon: '/path/to/icon-bv1',
@@ -149,6 +153,10 @@ describe('ProfileSlug', () => {
             contributionsCount: 6,
             shoutedCount: 7,
             commentedCount: 8,
+            location: {
+              name: 'Paris',
+              distanceToMe: '0 km',
+            },
             badgeVerification: {
               id: 'bv1',
               icon: '/path/to/icon-bv1',
diff --git a/webapp/pages/profile/_id/_slug.vue b/webapp/pages/profile/_id/_slug.vue
index 8a1505fcc..83b80b3af 100644
--- a/webapp/pages/profile/_id/_slug.vue
+++ b/webapp/pages/profile/_id/_slug.vue
@@ -34,7 +34,12 @@
               <!-- <base-icon name="at" data-test="at" /> -->
               {{ `@${userSlug}` }}
             </ds-text>
-            <location-info v-if="user.location" :location-data="user.location" size="small" />
+            <location-info
+              v-if="user.location"
+              :location-data="user.location"
+              :is-owner="myProfile"
+              size="small"
+            />
             <ds-text align="center" color="soft" size="small">
               {{ $t('profile.memberSince') }} {{ user.createdAt | date('MMMM yyyy') }}
             </ds-text>