aboutsummaryrefslogtreecommitdiff
path: root/packages/taler-wallet-webextension/src/mui/Grid.stories.tsx
diff options
context:
space:
mode:
authorSebastian <sebasjm@gmail.com>2022-03-29 09:58:06 -0300
committerSebastian <sebasjm@gmail.com>2022-03-29 10:04:33 -0300
commit3dd1047b085fa7795f322c5829f39208465bff13 (patch)
tree19340ca9420466e7059849dbf7013901733c0fde /packages/taler-wallet-webextension/src/mui/Grid.stories.tsx
parentcb18b9813e5df6e315dfb1827f5f7cf304977390 (diff)
downloadwallet-core-3dd1047b085fa7795f322c5829f39208465bff13.tar.xz
added react eslint and fix most of the warns
Diffstat (limited to 'packages/taler-wallet-webextension/src/mui/Grid.stories.tsx')
-rw-r--r--packages/taler-wallet-webextension/src/mui/Grid.stories.tsx16
1 files changed, 8 insertions, 8 deletions
diff --git a/packages/taler-wallet-webextension/src/mui/Grid.stories.tsx b/packages/taler-wallet-webextension/src/mui/Grid.stories.tsx
index fc4f9a585..b2db178e7 100644
--- a/packages/taler-wallet-webextension/src/mui/Grid.stories.tsx
+++ b/packages/taler-wallet-webextension/src/mui/Grid.stories.tsx
@@ -20,14 +20,14 @@
*/
import { Grid } from "./Grid.js";
-import { Fragment, h } from "preact";
+import { Fragment, h, VNode } from "preact";
export default {
title: "mui/grid",
component: Grid,
};
-function Item({ children }: any) {
+function Item({ children }: any): VNode {
return (
<div
style={{
@@ -42,7 +42,7 @@ function Item({ children }: any) {
);
}
-function Wrapper({ children }: any) {
+function Wrapper({ children }: any): VNode {
return (
<div
style={{
@@ -60,7 +60,7 @@ function Wrapper({ children }: any) {
);
}
-export const BasicExample = () => (
+export const BasicExample = (): VNode => (
<Fragment>
<Wrapper>
<Grid container spacing={2}>
@@ -97,7 +97,7 @@ export const BasicExample = () => (
</Fragment>
);
-export const Responsive12ColumnsSize = () => (
+export const Responsive12ColumnsSize = (): VNode => (
<Fragment>
<Wrapper>
<p>Item size is responsive: xs=6 sm=4 md=2</p>
@@ -122,7 +122,7 @@ export const Responsive12ColumnsSize = () => (
</Fragment>
);
-export const Responsive12Spacing = () => (
+export const Responsive12Spacing = (): VNode => (
<Fragment>
<Wrapper>
<p>Item space is responsive: xs=1 sm=2 md=3</p>
@@ -178,7 +178,7 @@ export const Responsive12Spacing = () => (
</Fragment>
);
-export const ResponsiveAuthWidth = () => (
+export const ResponsiveAuthWidth = (): VNode => (
<Fragment>
<Wrapper>
<Grid container columns={12}>
@@ -198,7 +198,7 @@ export const ResponsiveAuthWidth = () => (
</Wrapper>
</Fragment>
);
-export const Example = () => (
+export const Example = (): VNode => (
<Wrapper>
<p>Item row space is responsive: xs=6 sm=4 md=1</p>
<Grid container rowSpacing={3} columnSpacing={1} columns={12}>