From 121bbd0d6f85f88eb3d9cb5b29cc6ba23b1bd6df Mon Sep 17 00:00:00 2001
From: Enrico Ros <enrico.ros@gmail.com>
Date: Thu, 2 Nov 2023 01:53:16 -0700
Subject: [PATCH] Add LeftButton support

---
 .../components/forms/SetupFormRefetchButton.tsx       | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/common/components/forms/SetupFormRefetchButton.tsx b/src/common/components/forms/SetupFormRefetchButton.tsx
index 608899a47..c00d7c8b5 100644
--- a/src/common/components/forms/SetupFormRefetchButton.tsx
+++ b/src/common/components/forms/SetupFormRefetchButton.tsx
@@ -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}