Add LeftButton support

This commit is contained in:
Enrico Ros
2023-11-02 01:53:16 -07:00
parent 2db5fd545b
commit 121bbd0d6f
@@ -9,10 +9,17 @@ import type { ToggleableBoolean } from '~/common/util/useToggleableBoolean';
/**
* Bottom row: model reload and optional 'advanced' toggle
*/
export function SetupFormRefetchButton(props: { refetch: () => void, disabled: boolean, error: boolean, advanced?: ToggleableBoolean }) {
export function SetupFormRefetchButton(props: {
refetch: () => void,
disabled: boolean, error: boolean,
leftButton?: React.ReactNode,
advanced?: ToggleableBoolean
}) {
return (
<Box sx={{ display: 'flex', alignItems: 'end', justifyContent: 'space-between' }}>
{props.leftButton}
{!!props.advanced && (
<FormLabel onClick={props.advanced.toggle} sx={{ textDecoration: 'underline', cursor: 'pointer' }}>
{props.advanced.on ? 'Hide Advanced' : 'Advanced'}
@@ -20,7 +27,7 @@ export function SetupFormRefetchButton(props: { refetch: () => void, disabled: b
)}
<Button
variant='solid' color={props.error ? 'warning' : 'primary'}
color={props.error ? 'warning' : 'primary'}
disabled={props.disabled}
endDecorator={<SyncIcon />}
onClick={props.refetch}