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, disabled,
tooltipText, 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 <ButtonGroup
variant="outlined" variant="outlined"
sx={{ sx={{
@@ -74,13 +88,7 @@ export const StartButton: FC<ActionButtonPropsWithWorkspace> = ({
}} }}
disabled={disabled} disabled={disabled}
> >
<TopbarButton {mainButton}
startIcon={<PlayCircleOutlineIcon />}
onClick={() => handleAction()}
disabled={disabled || loading}
>
{loading ? <>Starting&hellip;</> : "Start"}
</TopbarButton>
<BuildParametersPopover <BuildParametersPopover
label="Start with build parameters" label="Start with build parameters"
workspace={workspace} workspace={workspace}
@@ -89,12 +97,6 @@ export const StartButton: FC<ActionButtonPropsWithWorkspace> = ({
/> />
</ButtonGroup> </ButtonGroup>
); );
return tooltipText ? (
<Tooltip title={tooltipText}>{buttonContent}</Tooltip>
) : (
buttonContent
);
}; };
export const StopButton: FC<ActionButtonProps> = ({ export const StopButton: FC<ActionButtonProps> = ({