hide phrase dialog action buttons via props

Author: jonesmac

packages/sdk/packages/wallet/src/components/SeedPhrase/dialog/components/fields/PhraseDialogActions.stories.tsx

@@ -0,0 +1,29 @@
+import type { Meta, StoryFn } from '@storybook/react-vite'
+import React from 'react'
+
+import { SeedPhraseProvider } from '../../../../../contexts/index.ts'
+import { PhraseDialogActions } from './PhraseDialogActions.tsx'
+
+export default {
+  title: 'Wallet/PhraseDialogActions',
+  component: PhraseDialogActions,
+} as Meta
+
+const Template: StoryFn<typeof PhraseDialogActions> = args => (
+  <SeedPhraseProvider>
+    <PhraseDialogActions {...args} />
+  </SeedPhraseProvider>
+)
+
+const Default = Template.bind({})
+Default.args = {}
+
+const WithHideGenerate = Template.bind({})
+WithHideGenerate.args = { hideGenerate: true }
+
+const WithHideClear = Template.bind({})
+WithHideClear.args = { hideClear: true }
+
+export {
+  Default, WithHideClear, WithHideGenerate,
+}

packages/sdk/packages/wallet/src/components/SeedPhrase/dialog/components/fields/PhraseDialogActions.tsx

@@ -1,21 +1,38 @@
+import type { DialogActionsProps } from '@mui/material'
 import { Button, DialogActions } from '@mui/material'
 import React from 'react'
 
 import { useSeedPhrase } from '../../../../../contexts/index.ts'
 
+export interface PhraseDialogActionsProps extends DialogActionsProps {
+  hideClear?: boolean
+  hideGenerate?: boolean
+}
+
 /** @public */
-export const PhraseDialogActions = () => {
+export const PhraseDialogActions: React.FC<PhraseDialogActionsProps> = ({
+  hideClear, hideGenerate, ...props
+}) => {
   const {
     handleClear, handleGenerate, overwriteWarning,
   } = useSeedPhrase()
   return (
-    <DialogActions sx={{ justifyContent: 'center' }}>
-      <Button disabled={overwriteWarning} variant="contained" onClick={handleGenerate}>
-        Generate
-      </Button>
-      <Button variant="outlined" onClick={handleClear}>
-        Clear
-      </Button>
+    <DialogActions sx={{ justifyContent: 'center' }} {...props}>
+      {hideGenerate
+        ? null
+        : (
+            <Button disabled={overwriteWarning} variant="contained" onClick={handleGenerate}>
+              Generate
+            </Button>
+          )}
+      {hideClear
+        ? null
+        : (
+            <Button variant="outlined" onClick={handleClear}>
+              Clear
+            </Button>
+
+          )}
     </DialogActions>
   )
 }