Disable restart button if replica is not active healthy (#26429)

* Disable restart button if replica is not active healthy

* Prettier
This commit is contained in:
Joshen Lim authored and GitHub committed 2024-05-17 17:38:19 +08:00
1 parent 434d7ea74d
commit 80d748facb
2 files changed
+22 -6

No files matched your search

@@ -332,7 +332,7 @@ export const ReplicaNode = ({ data }: NodeProps<ReplicaNodeData>) => {
</DropdownMenuTrigger>
<DropdownMenuContent className="w-40" side="bottom" align="end">
<DropdownMenuItem
disabled={status !== PROJECT_STATUS.ACTIVE_HEALTHY}
disabled={status !== REPLICA_STATUS.ACTIVE_HEALTHY}
className="gap-x-2"
>
<Link href={`/project/${ref}/settings/database?connectionString=${id}`}>
@@ -340,7 +340,7 @@ export const ReplicaNode = ({ data }: NodeProps<ReplicaNodeData>) => {
</Link>
</DropdownMenuItem>
<DropdownMenuItem
disabled={status !== PROJECT_STATUS.ACTIVE_HEALTHY}
disabled={status !== REPLICA_STATUS.ACTIVE_HEALTHY}
className="gap-x-2"
>
<Link href={`/project/${ref}/reports/database?db=${id}&chart=replication-lag`}>
@@ -348,13 +348,21 @@ export const ReplicaNode = ({ data }: NodeProps<ReplicaNodeData>) => {
</Link>
</DropdownMenuItem>
<DropdownMenuSeparator />
<DropdownMenuItem className="gap-x-2" onClick={() => onSelectRestartReplica()}>
<DropdownMenuItem
disabled={status !== REPLICA_STATUS.ACTIVE_HEALTHY}
className="gap-x-2"
onClick={() => onSelectRestartReplica()}
>
Restart replica
</DropdownMenuItem>
{/* <DropdownMenuItem className="gap-x-2" onClick={() => onSelectResizeReplica()}>
Resize replica
</DropdownMenuItem> */}
<DropdownMenuItem className="gap-x-2" onClick={() => onSelectDropReplica()}>
<DropdownMenuItem
disabled={status !== REPLICA_STATUS.ACTIVE_HEALTHY}
className="gap-x-2"
onClick={() => onSelectDropReplica()}
>
Drop replica
</DropdownMenuItem>
</DropdownMenuContent>
@@ -280,14 +280,20 @@ const MapView = ({
<Button type="text" icon={<MoreVertical />} className="px-1" />
</DropdownMenuTrigger>
<DropdownMenuContent className="w-40" side="bottom" align="end">
<DropdownMenuItem className="gap-x-2">
<DropdownMenuItem
className="gap-x-2"
disabled={database.status !== REPLICA_STATUS.ACTIVE_HEALTHY}
>
<Link
href={`/project/${ref}/settings/database?connectionString=${database.identifier}`}
>
View connection string
</Link>
</DropdownMenuItem>
<DropdownMenuItem className="gap-x-2">
<DropdownMenuItem
className="gap-x-2"
disabled={database.status !== REPLICA_STATUS.ACTIVE_HEALTHY}
>
<Link
href={`/project/${ref}/reports/database?db=${database.identifier}&chart=replication-lag`}
>
@@ -299,12 +305,14 @@ const MapView = ({
<DropdownMenuItem
className="gap-x-2"
disabled={database.status !== REPLICA_STATUS.ACTIVE_HEALTHY}
onClick={() => onSelectRestartReplica(database)}
>
Restart replica
</DropdownMenuItem>
<DropdownMenuItem
className="gap-x-2"
disabled={database.status !== REPLICA_STATUS.ACTIVE_HEALTHY}
onClick={() => onSelectDropReplica(database)}
>
Drop replica