diff options
Diffstat (limited to 'app/components/local')
-rw-r--r-- | app/components/local/local.story.tsx | 14 | ||||
-rw-r--r-- | app/components/local/local.tsx | 34 |
2 files changed, 29 insertions, 19 deletions
diff --git a/app/components/local/local.story.tsx b/app/components/local/local.story.tsx index b161f0e..2bfa065 100644 --- a/app/components/local/local.story.tsx +++ b/app/components/local/local.story.tsx @@ -1,12 +1,12 @@ -import * as React from "react" -import { storiesOf } from "@storybook/react-native" -import { StoryScreen, Story, UseCase } from "../../../storybook/views" -import { color } from "../../theme" -import { Local } from "./local" +import * as React from 'react' +import { storiesOf } from '@storybook/react-native' +import { StoryScreen, Story, UseCase } from '../../../storybook/views' +import { color } from '../../theme' +import { Local } from './local' -storiesOf("Local", module) +storiesOf('Local', module) .addDecorator((fn) => <StoryScreen>{fn()}</StoryScreen>) - .add("Style Presets", () => ( + .add('Style Presets', () => ( <Story> <UseCase text="Primary" usage="The primary."> <Local style={{ backgroundColor: color.error }} /> diff --git a/app/components/local/local.tsx b/app/components/local/local.tsx index e6984fc..200ec01 100644 --- a/app/components/local/local.tsx +++ b/app/components/local/local.tsx @@ -1,13 +1,19 @@ -import * as React from "react" -import { StyleProp, TextStyle, TouchableOpacity, View, ViewStyle } from "react-native" -import { observer } from "mobx-react-lite" -import { color, typography } from "../../theme" -import { Text } from "../" -import { flatten } from "ramda" -import Icon from "react-native-vector-icons/MaterialCommunityIcons" +import * as React from 'react' +import { + StyleProp, + TextStyle, + TouchableOpacity, + View, + ViewStyle, +} from 'react-native' +import { observer } from 'mobx-react-lite' +import { color, typography } from '../../theme' +import { Text } from '../' +import { flatten } from 'ramda' +import Icon from 'react-native-vector-icons/MaterialCommunityIcons' const CONTAINER: ViewStyle = { - justifyContent: "center", + justifyContent: 'center', } const TEXT: TextStyle = { @@ -26,13 +32,17 @@ export interface LocalProps { /** * Describe your component here */ -export const LocalButton = observer(function LocalButton(props: LocalProps): boolean { +export const LocalButton = observer(function LocalButton( + props: LocalProps, +): boolean { const { style } = props const styles = flatten([CONTAINER, style]) return ( - <Icon color="#a99f1f" name="graph" - style={{position:"absolute", zIndex: 100, width: 500}} - /> + <Icon + color="#a99f1f" + name="graph" + style={{ position: 'absolute', zIndex: 100, width: 500 }} + /> ) }) |