diff options
author | Sebastian <sebasjm@gmail.com> | 2022-08-18 12:48:05 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2022-08-18 12:48:05 -0300 |
commit | 23bb82f00cc83541527402bdd2d4309c530df674 (patch) | |
tree | fbbf8adcc4c1548c013ed7586892836a7bf4b39b /packages/taler-wallet-webextension/src/mui/Button.stories.tsx | |
parent | 62713c7e71e96e1f6875adb691927c68dc37dea7 (diff) | |
download | wallet-core-23bb82f00cc83541527402bdd2d4309c530df674.tar.xz |
disable button when wating for response
Diffstat (limited to 'packages/taler-wallet-webextension/src/mui/Button.stories.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/mui/Button.stories.tsx | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/packages/taler-wallet-webextension/src/mui/Button.stories.tsx b/packages/taler-wallet-webextension/src/mui/Button.stories.tsx index 8f6b47afb..385eb1028 100644 --- a/packages/taler-wallet-webextension/src/mui/Button.stories.tsx +++ b/packages/taler-wallet-webextension/src/mui/Button.stories.tsx @@ -39,6 +39,33 @@ const Stack = styled.div` background-color: white; `; +export const WithDelay = (): VNode => ( + <Stack> + <Button + size="small" + variant="contained" + onClick={() => + new Promise((resolve) => { + setTimeout(resolve, 2000); + }) + } + > + Returns after 2 seconds + </Button> + <Button + size="small" + variant="contained" + onClick={() => + new Promise((_, reject) => { + setTimeout(reject, 2000); + }) + } + > + Fails after 2 seconds + </Button> + </Stack> +); + export const BasicExample = (): VNode => ( <Fragment> <Stack> |