refactor: streamline conditional rendering for service creation dropdown in EnvironmentPage, improving code readability and maintainability

This commit is contained in:
Mauricio Siu
2025-09-05 00:56:37 -06:00
parent 87a41ca710
commit a09cd06eea

View File

@@ -786,43 +786,42 @@ const EnvironmentPage = (
<ProjectEnvironment projectId={projectId}>
<Button variant="outline">Project Environment</Button>
</ProjectEnvironment>
{auth?.role === "owner" ||
(auth?.canCreateServices && (
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button>
<PlusIcon className="h-4 w-4" />
Create Service
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent
className="w-[200px] space-y-2"
align="end"
>
<DropdownMenuLabel className="text-sm font-normal">
Actions
</DropdownMenuLabel>
<DropdownMenuSeparator />
<AddApplication
projectName={projectData?.name}
environmentId={environmentId}
/>
<AddDatabase
projectName={projectData?.name}
environmentId={environmentId}
/>
<AddCompose
projectName={projectData?.name}
environmentId={environmentId}
/>
<AddTemplate environmentId={environmentId} />
<AddAiAssistant
projectName={projectData?.name}
environmentId={environmentId}
/>
</DropdownMenuContent>
</DropdownMenu>
))}
{(auth?.role === "owner" || auth?.canCreateServices) && (
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button>
<PlusIcon className="h-4 w-4" />
Create Service
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent
className="w-[200px] space-y-2"
align="end"
>
<DropdownMenuLabel className="text-sm font-normal">
Actions
</DropdownMenuLabel>
<DropdownMenuSeparator />
<AddApplication
projectName={projectData?.name}
environmentId={environmentId}
/>
<AddDatabase
projectName={projectData?.name}
environmentId={environmentId}
/>
<AddCompose
projectName={projectData?.name}
environmentId={environmentId}
/>
<AddTemplate environmentId={environmentId} />
<AddAiAssistant
projectName={projectData?.name}
environmentId={environmentId}
/>
</DropdownMenuContent>
</DropdownMenu>
)}
</div>
</div>
</div>