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: #5930 Change-Id: If6b0817dfa32f2f661629cc158eb4fb44dfe9ffc
storj · Jun 9, 2023 · 8f7c59d · 8f7c59d
1 parent 8a01bcf
commit 8f7c59d
Show file tree

Hide file tree

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