ref(preprod): Rename projectId to projectSlug

Sentry projects have both ids (numerical) and slugs (string) here we
were using slugs but all the variables were named projectId which was
confusing.

Author: chromy

static/app/views/preprod/buildDetails/header/buildDetailsHeaderContent.tsx

@@ -19,18 +19,18 @@ import {createActionMenuItems} from './buildDetailsActionItems';
 import {useBuildDetailsActions} from './useBuildDetailsActions';
 
 function makeReleasesUrl(
-  projectId: string | undefined,
+  projectSlug: string | undefined,
   query: {appId?: string; version?: string}
 ): string {
   const {appId, version} = query;
 
-  // Not knowing the projectId should be transient.
-  if (projectId === undefined) {
+  // Not knowing the projectSlug should be transient.
+  if (projectSlug === undefined) {
     return '#';
   }
 
   const params = new URLSearchParams();
-  params.set('project', projectId);
+  params.set('project', projectSlug);
   const parts = [];
   if (appId) {
     parts.push(`release.package:${appId}`);
@@ -47,16 +47,16 @@ function makeReleasesUrl(
 interface BuildDetailsHeaderContentProps {
   artifactId: string;
   buildDetailsQuery: UseApiQueryResult<BuildDetailsApiResponse, RequestError>;
-  projectId: string;
+  projectSlug: string;
 }
 
 export function BuildDetailsHeaderContent(props: BuildDetailsHeaderContentProps) {
   const organization = useOrganization();
   const isSentryEmployee = useIsSentryEmployee();
-  const {buildDetailsQuery, projectId, artifactId} = props;
+  const {buildDetailsQuery, projectSlug, artifactId} = props;
   const {isDeletingArtifact, handleDeleteAction, handleDownloadAction} =
     useBuildDetailsActions({
-      projectId,
+      projectSlug,
       artifactId,
     });
 
@@ -84,7 +84,7 @@ export function BuildDetailsHeaderContent(props: BuildDetailsHeaderContentProps)
     );
   }
 
-  const project = ProjectsStore.getBySlug(projectId);
+  const project = ProjectsStore.getBySlug(projectSlug);
 
   const breadcrumbs: Crumb[] = [
     {
@@ -124,7 +124,7 @@ export function BuildDetailsHeaderContent(props: BuildDetailsHeaderContentProps)
         </Heading>
         <Flex align="center" gap="sm" flexShrink={0}>
           <Link
-            to={`/organizations/${organization.slug}/preprod/${projectId}/compare/${buildDetailsData.id}/`}
+            to={`/organizations/${organization.slug}/preprod/${projectSlug}/compare/${buildDetailsData.id}/`}
           >
             <Button size="sm" priority="default" icon={<IconTelescope />}>
               {t('Compare Build')}

static/app/views/preprod/buildDetails/header/useBuildDetailsActions.tsx

@@ -9,11 +9,11 @@ import useOrganization from 'sentry/utils/useOrganization';
 
 interface UseBuildDetailsActionsProps {
   artifactId: string;
-  projectId: string;
+  projectSlug: string;
 }
 
 export function useBuildDetailsActions({
-  projectId,
+  projectSlug,
   artifactId,
 }: UseBuildDetailsActionsProps) {
   const organization = useOrganization();
@@ -25,14 +25,14 @@ export function useBuildDetailsActions({
   >({
     mutationFn: () => {
       return fetchMutation({
-        url: `/projects/${organization.slug}/${projectId}/preprodartifacts/${artifactId}/delete/`,
+        url: `/projects/${organization.slug}/${projectSlug}/preprodartifacts/${artifactId}/delete/`,
         method: 'DELETE',
       });
     },
     onSuccess: () => {
       addSuccessMessage(t('Build deleted successfully'));
       // TODO(preprod): navigate back to the release page once built?
-      navigate(`/organizations/${organization.slug}/preprod/${projectId}/`);
+      navigate(`/organizations/${organization.slug}/preprod/${projectSlug}/`);
     },
     onError: () => {
       addErrorMessage(t('Failed to delete build'));
@@ -53,7 +53,7 @@ export function useBuildDetailsActions({
   };
 
   const handleDownloadAction = async () => {
-    const downloadUrl = `/api/0/internal/${organization.slug}/${projectId}/files/preprodartifacts/${artifactId}/`;
+    const downloadUrl = `/api/0/internal/${organization.slug}/${projectSlug}/files/preprodartifacts/${artifactId}/`;
 
     try {
       const response = await fetch(downloadUrl, {