diff options
author | Kirill Rogovoy <[email protected]> | 2021-07-19 20:06:08 +0300 |
---|---|---|
committer | Kirill Rogovoy <[email protected]> | 2021-07-19 20:06:08 +0300 |
commit | f0bf4e7afdcd8b02a62be45ab3e7d047ed865a79 (patch) | |
tree | 575c0ff2cbb846252bd2e494c81c396846aab2f6 /app/components/button/button.story.tsx | |
parent | 67ad38d0a7cd319623e9f41c0c381ed5c5f6f973 (diff) |
Apply Prettier
Diffstat (limited to 'app/components/button/button.story.tsx')
-rw-r--r-- | app/components/button/button.story.tsx | 44 |
1 files changed, 31 insertions, 13 deletions
diff --git a/app/components/button/button.story.tsx b/app/components/button/button.story.tsx index 4861772..5dc21c1 100644 --- a/app/components/button/button.story.tsx +++ b/app/components/button/button.story.tsx @@ -1,30 +1,48 @@ -import * as React from "react" -import { ViewStyle, TextStyle, Alert } from "react-native" -import { storiesOf } from "@storybook/react-native" -import { StoryScreen, Story, UseCase } from "../../../storybook/views" -import { Button } from "./button" +import * as React from 'react' +import { ViewStyle, TextStyle, Alert } from 'react-native' +import { storiesOf } from '@storybook/react-native' +import { StoryScreen, Story, UseCase } from '../../../storybook/views' +import { Button } from './button' declare let module -const buttonStyleArray: ViewStyle[] = [{ paddingVertical: 100 }, { borderRadius: 0 }] +const buttonStyleArray: ViewStyle[] = [ + { paddingVertical: 100 }, + { borderRadius: 0 }, +] -const buttonTextStyleArray: TextStyle[] = [{ fontSize: 20 }, { color: "#a511dc" }] +const buttonTextStyleArray: TextStyle[] = [ + { fontSize: 20 }, + { color: '#a511dc' }, +] -storiesOf("Button", module) +storiesOf('Button', module) .addDecorator((fn) => <StoryScreen>{fn()}</StoryScreen>) - .add("Style Presets", () => ( + .add('Style Presets', () => ( <Story> <UseCase text="Primary" usage="The primary button."> - <Button text="Click It" preset="primary" onPress={() => Alert.alert("pressed")} /> + <Button + text="Click It" + preset="primary" + onPress={() => Alert.alert('pressed')} + /> </UseCase> - <UseCase text="Disabled" usage="The disabled behaviour of the primary button."> - <Button text="Click It" preset="primary" onPress={() => Alert.alert("pressed")} disabled /> + <UseCase + text="Disabled" + usage="The disabled behaviour of the primary button." + > + <Button + text="Click It" + preset="primary" + onPress={() => Alert.alert('pressed')} + disabled + /> </UseCase> <UseCase text="Array Style" usage="Button with array style"> <Button text="Click It" preset="primary" - onPress={() => Alert.alert("pressed")} + onPress={() => Alert.alert('pressed')} style={buttonStyleArray} textStyle={buttonTextStyleArray} /> |