diff options
Diffstat (limited to 'app/components/graph-ui')
-rw-r--r-- | app/components/graph-ui/graph-ui.story.tsx | 14 | ||||
-rw-r--r-- | app/components/graph-ui/graph-ui.tsx | 32 |
2 files changed, 27 insertions, 19 deletions
diff --git a/app/components/graph-ui/graph-ui.story.tsx b/app/components/graph-ui/graph-ui.story.tsx index 71151c8..7564c93 100644 --- a/app/components/graph-ui/graph-ui.story.tsx +++ b/app/components/graph-ui/graph-ui.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 { GraphUi } from "./graph-ui" +import * as React from 'react' +import { storiesOf } from '@storybook/react-native' +import { StoryScreen, Story, UseCase } from '../../../storybook/views' +import { color } from '../../theme' +import { GraphUi } from './graph-ui' -storiesOf("GraphUi", module) +storiesOf('GraphUi', module) .addDecorator((fn) => <StoryScreen>{fn()}</StoryScreen>) - .add("Style Presets", () => ( + .add('Style Presets', () => ( <Story> <UseCase text="Primary" usage="The primary."> <GraphUi style={{ backgroundColor: color.error }} /> diff --git a/app/components/graph-ui/graph-ui.tsx b/app/components/graph-ui/graph-ui.tsx index 9ea792a..36a675a 100644 --- a/app/components/graph-ui/graph-ui.tsx +++ b/app/components/graph-ui/graph-ui.tsx @@ -1,12 +1,12 @@ -import * as React from "react" -import { StyleProp, TextStyle, View, ViewStyle } from "react-native" -import { observer } from "mobx-react-lite" -import { color, typography } from "../../theme" -import { LocalButton, Text, Tweaks } from "../" -import { flatten } from "ramda" +import * as React from 'react' +import { StyleProp, TextStyle, View, ViewStyle } from 'react-native' +import { observer } from 'mobx-react-lite' +import { color, typography } from '../../theme' +import { LocalButton, Text, Tweaks } from '../' +import { flatten } from 'ramda' const CONTAINER: ViewStyle = { - justifyContent: "center", + justifyContent: 'center', } const TEXT: TextStyle = { @@ -20,8 +20,8 @@ export interface GraphUiProps { * An optional style override useful for padding & margin. */ style?: StyleProp<ViewStyle> - physics - setPhysics + physics + setPhysics } /** @@ -32,9 +32,17 @@ export const GraphUi = observer(function GraphUi(props: GraphUiProps) { const styles = flatten([CONTAINER, style]) return ( - <View style={{height: "100%", width: "100%", borderStyle: "solid", borderWidth: 5,position:"relative"}}> - <Tweaks physics={physics} setPhysics={setPhysics} /> - <LocalButton physics={physics} setPhysics={setPhysics}/> + <View + style={{ + height: '100%', + width: '100%', + borderStyle: 'solid', + borderWidth: 5, + position: 'relative', + }} + > + <Tweaks physics={physics} setPhysics={setPhysics} /> + <LocalButton physics={physics} setPhysics={setPhysics} /> </View> ) }) |