fix(ui): Fix no access on Project Details (#25914)

static/app/views/projectDetail/projectDetail.tsx

@@ -14,6 +14,7 @@ import IdBadge from 'app/components/idBadge';
 import * as Layout from 'app/components/layouts/thirds';
 import LightWeightNoProjectMessage from 'app/components/lightWeightNoProjectMessage';
 import GlobalSelectionHeader from 'app/components/organizations/globalSelectionHeader';
+import MissingProjectMembership from 'app/components/projects/missingProjectMembership';
 import TextOverflow from 'app/components/textOverflow';
 import {IconSettings, IconWarning} from 'app/icons';
 import {t} from 'app/locale';
@@ -88,21 +89,26 @@ class ProjectDetail extends AsyncView<Props, State> {
       hasSessions: null,
     });
 
-    const response: SessionApiResponse = await this.api.requestPromise(
-      `/organizations/${organization.slug}/sessions/`,
-      {
-        query: {
-          project: projectId,
-          field: 'sum(session)',
-          statsPeriod: '90d',
-          interval: '1d',
-        },
-      }
-    );
-
-    this.setState({
-      hasSessions: response.groups[0].totals['sum(session)'] > 0,
-    });
+    try {
+      const response: SessionApiResponse = await this.api.requestPromise(
+        `/organizations/${organization.slug}/sessions/`,
+        {
+          query: {
+            project: projectId,
+            field: 'sum(session)',
+            statsPeriod: '90d',
+            interval: '1d',
+          },
+        }
+      );
+      this.setState({
+        hasSessions: response.groups[0].totals['sum(session)'] > 0,
+      });
+    } catch {
+      this.setState({
+        hasSessions: false,
+      });
+    }
   }
 
   handleProjectChange = (selectedProjects: number[]) => {
@@ -148,6 +154,19 @@ class ProjectDetail extends AsyncView<Props, State> {
     return this.renderBody();
   }
 
+  renderNoAccess(project: Project) {
+    const {organization} = this.props;
+
+    return (
+      <PageContent>
+        <MissingProjectMembership
+          organization={organization}
+          projectSlug={project.slug}
+        />
+      </PageContent>
+    );
+  }
+
   renderProjectNotFound() {
     return (
       <PageContent>
@@ -182,6 +201,10 @@ class ProjectDetail extends AsyncView<Props, State> {
       return this.renderProjectNotFound();
     }
 
+    if (!loadingProjects && project && !project.hasAccess) {
+      return this.renderNoAccess(project);
+    }
+
     return (
       <GlobalSelectionHeader
         disableMultipleProjectSelection