diff options
author | Sebastian <sebasjm@gmail.com> | 2023-01-09 08:38:48 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2023-01-09 08:38:48 -0300 |
commit | 9b04d8bf3581d162cbd631892ca115df811c46f8 (patch) | |
tree | 42b7da7cc3a3f8186823a7571aa221dc8e9aa7a5 /packages/taler-wallet-webextension/src/mui/Alert.stories.tsx | |
parent | 14f3d1e06dda003d457f2b3531e197011a284244 (diff) | |
download | wallet-core-9b04d8bf3581d162cbd631892ca115df811c46f8.tar.xz |
fix #7152
Diffstat (limited to 'packages/taler-wallet-webextension/src/mui/Alert.stories.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/mui/Alert.stories.tsx | 33 |
1 files changed, 25 insertions, 8 deletions
diff --git a/packages/taler-wallet-webextension/src/mui/Alert.stories.tsx b/packages/taler-wallet-webextension/src/mui/Alert.stories.tsx index 62f7a2993..b0c2a2730 100644 --- a/packages/taler-wallet-webextension/src/mui/Alert.stories.tsx +++ b/packages/taler-wallet-webextension/src/mui/Alert.stories.tsx @@ -19,6 +19,7 @@ * @author Sebastian Javier Marchano (sebasjm) */ +import { TranslatedString } from "@gnu-taler/taler-util"; import { css } from "@linaria/core"; import { ComponentChildren, Fragment, h, VNode } from "preact"; import { Alert } from "./Alert.jsx"; @@ -53,16 +54,16 @@ export const BasicExample = (): VNode => ( export const WithTitle = (): VNode => ( <Wrapper> - <Alert title="Warning" severity="warning"> + <Alert title={"Warning" as TranslatedString} severity="warning"> this is an warning </Alert> - <Alert title="Error" severity="error"> + <Alert title={"Error" as TranslatedString} severity="error"> this is an error </Alert> - <Alert title="Success" severity="success"> + <Alert title={"Success" as TranslatedString} severity="success"> this is an success </Alert> - <Alert title="Info" severity="info"> + <Alert title={"Info" as TranslatedString} severity="info"> this is an info </Alert> </Wrapper> @@ -74,16 +75,32 @@ const showSomething = async function (): Promise<void> { export const WithAction = (): VNode => ( <Wrapper> - <Alert title="Warning" severity="warning" onClose={showSomething}> + <Alert + title={"Warning" as TranslatedString} + severity="warning" + onClose={showSomething} + > this is an warning </Alert> - <Alert title="Error" severity="error" onClose={showSomething}> + <Alert + title={"Error" as TranslatedString} + severity="error" + onClose={showSomething} + > this is an error </Alert> - <Alert title="Success" severity="success" onClose={showSomething}> + <Alert + title={"Success" as TranslatedString} + severity="success" + onClose={showSomething} + > this is an success </Alert> - <Alert title="Info" severity="info" onClose={showSomething}> + <Alert + title={"Info" as TranslatedString} + severity="info" + onClose={showSomething} + > this is an info </Alert> </Wrapper> |