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