summaryrefslogtreecommitdiff
path: root/app/components/local-button/local-button.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'app/components/local-button/local-button.tsx')
-rw-r--r--app/components/local-button/local-button.tsx43
1 files changed, 25 insertions, 18 deletions
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>
)
})