Show tracking branch hint for the preview env too

Author: myftija

apps/webapp/app/presenters/v3/DeploymentListPresenter.server.ts

@@ -59,6 +59,7 @@ export class DeploymentListPresenter {
         connectedGithubRepository: {
           select: {
             branchTracking: true,
+            previewDeploymentsEnabled: true,
             repository: {
               select: {
                 htmlUrl: true,

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.deployments/route.tsx

@@ -138,7 +138,14 @@ export default function Page() {
     BranchTrackingConfigSchema.safeParse(connectedGithubRepository.branchTracking);
   const environmentGitHubBranch =
     branchTrackingOrError && branchTrackingOrError.success
-      ? getTrackedBranchForEnvironment(branchTrackingOrError.data, environment.type)
+      ? getTrackedBranchForEnvironment(
+          branchTrackingOrError.data,
+          connectedGithubRepository.previewDeploymentsEnabled,
+          {
+            type: environment.type,
+            branchName: environment.branchName ?? undefined,
+          }
+        )
       : undefined;
   const hasDeployments = totalPages > 0;
 
@@ -309,7 +316,7 @@ export default function Page() {
                   )}
                 >
                   {connectedGithubRepository && environmentGitHubBranch && (
-                    <div className="flex flex-nowrap items-center gap-2 whitespace-nowrap py-0.5 text-sm">
+                    <div className="flex flex-nowrap items-center gap-2 whitespace-nowrap text-sm">
                       <OctoKitty className="size-4" />
                       Automatically triggered by pushes to{" "}
                       <div className="flex max-w-32 items-center gap-1 truncate rounded bg-grid-dimmed px-1 font-mono">

apps/webapp/app/v3/github.ts

@@ -13,15 +13,23 @@ export type BranchTrackingConfig = z.infer<typeof BranchTrackingConfigSchema>;
 
 export function getTrackedBranchForEnvironment(
   branchTracking: BranchTrackingConfig | undefined,
-  environmentType: "PRODUCTION" | "STAGING" | "DEVELOPMENT" | "PREVIEW"
+  previewDeploymentsEnabled: boolean,
+  environment: {
+    type: "PRODUCTION" | "STAGING" | "DEVELOPMENT" | "PREVIEW";
+    branchName?: string;
+  }
 ): string | undefined {
   if (!branchTracking) return undefined;
-  switch (environmentType) {
+  switch (environment.type) {
     case "PRODUCTION":
       return branchTracking.prod?.branch;
     case "STAGING":
       return branchTracking.staging?.branch;
-    default:
+    case "PREVIEW":
+      return previewDeploymentsEnabled ? environment.branchName : undefined;
+    case "DEVELOPMENT":
       return undefined;
+    default:
+      return environment.type satisfies never;
   }
 }