chore: fix team users ids approach in all files

Author: joanagmaia

frontend/src/config.js

@@ -60,7 +60,7 @@ const defaultConfig = {
     },
   },
   permissions: {
-    teamUserIds: import.meta.env.VUE_APP_TEAM_USER_IDS?.split(',').map((id) => id.trim()),
+    teamUserIds: import.meta.env.VUE_APP_TEAM_USER_IDS,
   },
 };
 
@@ -114,7 +114,7 @@ const composedConfig = {
     },
   },
   permissions: {
-    teamUserIds: 'CROWD_VUE_APP_TEAM_USER_IDS'?.split(',').map((id) => id.trim()),
+    teamUserIds: 'CROWD_VUE_APP_TEAM_USER_IDS',
   },
 };
 

frontend/src/modules/admin/modules/integration/pages/integration-list.page.vue

@@ -72,7 +72,7 @@
         <template #default="{ progress, progressError }">
           <div v-if="platformsByStatus.length > 0" class="flex flex-col gap-6">
             <lf-tooltip
-              v-if="isTeamUser()"
+              v-if="isTeamUser"
               class="ml-auto"
               placement="top"
               content-class="!max-w-76 !p-3 !text-start"
@@ -182,6 +182,13 @@ const getIntegrationCountPerStatus = computed<Record<string, number>>(() => {
   return statusCount;
 });
 
+const authStore = useAuthStore();
+const userId = computed(() => authStore.user?.id);
+const teamUserIds = computed(() => config.permissions.teamUserIds);
+const env = computed(() => config.env);
+
+const isTeamUser = computed(() => env.value !== 'production' || teamUserIds.value?.includes(userId.value));
+
 onMounted(() => {
   localStorage.setItem('segmentId', id);
   localStorage.setItem('segmentGrandparentId', grandparentId);
@@ -201,15 +208,7 @@ const updateGithubVersion = () => {
   if (githubIntegration) {
     return !!githubIntegration.isNango;
   }
-  return !!isTeamUser();
-};
-
-const isTeamUser = () => {
-  const authStore = useAuthStore();
-  const userId = authStore.user?.id;
-  return (
-    config.permissions.teamUserIds?.includes(userId) || config.env === 'local'
-  );
+  return !!isTeamUser.value;
 };
 </script>
 

frontend/src/modules/admin/modules/projects/components/view/lf-projects-table.vue

@@ -130,7 +130,11 @@ const props = defineProps({
 const { hasPermission, hasAccessToSegmentId } = usePermissions();
 
 const authStore = useAuthStore();
-const isTeamUser = computed(() => config.env !== 'production' || config.permissions.teamUserIds?.includes(authStore.user?.id));
+const userId = computed(() => authStore.user?.id);
+const teamUserIds = computed(() => config.permissions.teamUserIds);
+const env = computed(() => config.env);
+
+const isTeamUser = computed(() => env.value !== 'production' || teamUserIds.value?.includes(userId.value));
 
 </script>
 

frontend/src/modules/admin/pages/admin-panel.page.vue

@@ -125,18 +125,11 @@ const changeView = (view: string) => {
 
 const isAdminUser = computed(() => roles.value.includes(LfRole.admin));
 
-const user = computed(() => authStore.user);
+const userId = computed(() => authStore.user?.id);
 const teamUserIds = computed(() => config.permissions.teamUserIds);
 const env = computed(() => config.env);
 
-const isTeamUser = computed(() => {
-  const userId = user.value?.id;
-  const teamIds = teamUserIds.value;
-  const includesCheck = teamIds?.includes(userId);
-  const result = env.value !== 'production' || includesCheck;
-
-  return result;
-});
+const isTeamUser = computed(() => env.value !== 'production' || teamUserIds.value?.includes(userId.value));
 
 const changeAdminPanelView = (view: string) => {
   switch (view) {