extract button for submit tx

Author: jonesmac

src/components/buttons/SubmitTransactionButton.tsx

@@ -0,0 +1,10 @@
+import { Button, ButtonProps } from "@mui/material";
+import { useDefaultGateway, useOnBoarding } from "../../hooks/index.ts";
+import { isUndefined } from "@xylabs/typeof";
+
+export const SubmitTransactionButton: React.FC<ButtonProps> = (props) => {
+  const { gateway } = useDefaultGateway()
+  const { showSubmitTransaction } = useOnBoarding()
+
+  return showSubmitTransaction ? <Button variant="contained" disabled={isUndefined(gateway)} sx={{ alignSelf: 'start' }} {...props}>Submit Transaction</Button> : null
+}

src/components/buttons/index.ts

@@ -0,0 +1 @@
+export * from './SubmitTransactionButton.tsx'

src/components/index.ts

@@ -1,3 +1,4 @@
 export * from './alerts/index.ts'
 export * from './Onboarding.tsx'
-export * from './WelcomeStack.tsx'
+export * from './WelcomeStack.tsx'
+export * from './buttons/index.ts'