2 files changed, 32 insertions, 25 deletions
diff --git a/app/components/local-button/local-button.story.tsx b/app/components/local-button/local-button.story.tsx
index 22b2f0e..0d35ab2 100644
--- a/app/components/local-button/local-button.story.tsx
+++ b/app/components/local-button/local-button.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 { LocalButton } from "./local-button"
+import * as React from 'react'
+import { storiesOf } from '@storybook/react-native'
+import { StoryScreen, Story, UseCase } from '../../../storybook/views'
+import { color } from '../../theme'
+import { LocalButton } from './local-button'
 
-storiesOf("LocalButton", module)
+storiesOf('LocalButton', module)
   .addDecorator((fn) => <StoryScreen>{fn()}</StoryScreen>)
-  .add("Style Presets", () => (
+  .add('Style Presets', () => (
     <Story>
       <UseCase text="Primary" usage="The primary.">
         <LocalButton style={{ backgroundColor: color.error }} />
diff --git a/app/components/local-button/local-button.tsx b/app/components/local-button/local-button.tsx
index 6507b76..27b514b 100644
--- a/app/components/local-button/local-button.tsx
+++ b/app/components/local-button/local-button.tsx
@@ -1,13 +1,13 @@
-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 { Text } from "../"
-import { flatten } from "ramda"
-import Icon from "react-native-vector-icons/MaterialCommunityIcons"
+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 { Text } from '../'
+import { flatten } from 'ramda'
+import Icon from 'react-native-vector-icons/MaterialCommunityIcons'
 
 const CONTAINER: ViewStyle = {
-  justifyContent: "center",
+  justifyContent: 'center',
 }
 
 const TEXT: TextStyle = {
@@ -21,25 +21,32 @@ export interface LocalButtonProps {
    * An optional style override useful for padding & margin.
    */
   style?: StyleProp<ViewStyle>
-    local
-    setLocal
+  local
+  setLocal
 }
 
 /**
  * Describe your component here
  */
-export const LocalButton = observer(function LocalButton(props: LocalButtonProps) {
+export const LocalButton = observer(function LocalButton(
+  props: LocalButtonProps,
+) {
   const { style, local, setLocal } = props
   const styles = flatten([CONTAINER, style])
 
   return (
-    <View style={[style, { height: 50, width: 150}]}>
-        <Icon.Button name={!local ? "graph-outline": "graph"} backgroundColor="#a991f1"
-                     onPress={()=>{setLocal(!local)}}
-                     size={30}
-        style={{textAlign: 'center'}}>
-            {!local ? "Global Graph" : "Local Graph"}
-        </Icon.Button>
+    <View style={[style, { height: 50, width: 150 }]}>
+      <Icon.Button
+        name={!local ? 'graph-outline' : 'graph'}
+        backgroundColor="#a991f1"
+        onPress={() => {
+          setLocal(!local)
+        }}
+        size={30}
+        style={{ textAlign: 'center' }}
+      >
+        {!local ? 'Global Graph' : 'Local Graph'}
+      </Icon.Button>
     </View>
   )
 })