fix(site): fix tooltip in start button group (#13497)

This commit is contained in:
Bruno Quaresma
2024-06-06 14:51:52 -03:00
committed by GitHub
parent 44a70a5bc2
commit a8a81a61cd
@@ -63,7 +63,21 @@ export const StartButton: FC<ActionButtonPropsWithWorkspace> = ({
disabled,
tooltipText,
}) => {
const buttonContent = (
let mainButton = (
<TopbarButton
startIcon={<PlayCircleOutlineIcon />}
onClick={() => handleAction()}
disabled={disabled || loading}
>
{loading ? <>Starting&hellip;</> : "Start"}
</TopbarButton>
);
if (tooltipText) {
mainButton = <Tooltip title={tooltipText}>{mainButton}</Tooltip>;
}
return (
<ButtonGroup
variant="outlined"
sx={{
@@ -74,13 +88,7 @@ export const StartButton: FC<ActionButtonPropsWithWorkspace> = ({
}}
disabled={disabled}
>
<TopbarButton
startIcon={<PlayCircleOutlineIcon />}
onClick={() => handleAction()}
disabled={disabled || loading}
>
{loading ? <>Starting&hellip;</> : "Start"}
</TopbarButton>
{mainButton}
<BuildParametersPopover
label="Start with build parameters"
workspace={workspace}
@@ -89,12 +97,6 @@ export const StartButton: FC<ActionButtonPropsWithWorkspace> = ({
/>
</ButtonGroup>
);
return tooltipText ? (
<Tooltip title={tooltipText}>{buttonContent}</Tooltip>
) : (
buttonContent
);
};
export const StopButton: FC<ActionButtonProps> = ({