diff options
Diffstat (limited to 'app/components/local-button/local-button.tsx')
-rw-r--r-- | app/components/local-button/local-button.tsx | 43 |
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> ) }) |