From 8f7c59de8434678a924d2936b9a9e9d4f1824649 Mon Sep 17 00:00:00 2001
From: Wilfred Asomani <devwilfredagyei@gmail.com>
Date: Fri, 9 Jun 2023 08:39:30 +0000
Subject: [PATCH] satellite/web: hide project details link for project members

This change hides the project details link, introduced for the issue
linked below, if the user is only a member and not the owner of the
project.

Related: https://github.com/storj/storj/issues/5930

Change-Id: If6b0817dfa32f2f661629cc158eb4fb44dfe9ffc
---
 .../src/components/navigation/MobileNavigation.vue       | 9 ++++++++-
 .../src/components/navigation/ProjectSelection.vue       | 9 ++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/web/satellite/src/components/navigation/MobileNavigation.vue b/web/satellite/src/components/navigation/MobileNavigation.vue
index 1404150c2..92679dbe4 100644
--- a/web/satellite/src/components/navigation/MobileNavigation.vue
+++ b/web/satellite/src/components/navigation/MobileNavigation.vue
@@ -47,7 +47,7 @@
                                 <p class="project-selection__dropdown__items__choice__unselected">{{ project.name }}</p>
                             </div>
                         </div>
-                        <div v-if="isAllProjectsDashboard" tabindex="0" class="project-selection__dropdown__link-container" @click.stop="onProjectDetailsClick" @keyup.enter="onProjectDetailsClick">
+                        <div v-if="isAllProjectsDashboard && isProjectOwner" tabindex="0" class="project-selection__dropdown__link-container" @click.stop="onProjectDetailsClick" @keyup.enter="onProjectDetailsClick">
                             <InfoIcon />
                             <p class="project-selection__dropdown__link-container__label">Project Details</p>
                         </div>
@@ -259,6 +259,13 @@ const isAccountDropdownShown = ref<boolean>(false);
 const isOpened = ref<boolean>(false);
 const isLoading = ref<boolean>(false);
 
+/*
+ * Whether the user is the owner of the selected project.
+ */
+const isProjectOwner = computed((): boolean => {
+    return usersStore.state.user.id === projectsStore.state.selectedProject.ownerId;
+});
+
 /**
  * Indicates if all projects dashboard should be used.
  */
diff --git a/web/satellite/src/components/navigation/ProjectSelection.vue b/web/satellite/src/components/navigation/ProjectSelection.vue
index 7283742fd..9692d5b9a 100644
--- a/web/satellite/src/components/navigation/ProjectSelection.vue
+++ b/web/satellite/src/components/navigation/ProjectSelection.vue
@@ -42,7 +42,7 @@
                     <p class="project-selection__dropdown__items__choice__unselected">{{ project.name }}</p>
                 </div>
             </div>
-            <div v-if="isAllProjectsDashboard" tabindex="0" class="project-selection__dropdown__link-container" @click.stop="onProjectDetailsClick" @keyup.enter="onProjectDetailsClick">
+            <div v-if="isAllProjectsDashboard && isProjectOwner" tabindex="0" class="project-selection__dropdown__link-container" @click.stop="onProjectDetailsClick" @keyup.enter="onProjectDetailsClick">
                 <InfoIcon />
                 <p class="project-selection__dropdown__link-container__label">Project Details</p>
             </div>
@@ -131,6 +131,13 @@ const isOnboardingTour = computed((): boolean => {
     return route.path.includes(RouteConfig.OnboardingTour.path);
 });
 
+/*
+ * Whether the user is the owner of the selected project.
+ */
+const isProjectOwner = computed((): boolean => {
+    return userStore.state.user.id === projectsStore.state.selectedProject.ownerId;
+});
+
 /**
  * Indicates if all projects dashboard is enabled.
  */