diff options
author | Thomas F. K. Jorna <[email protected]> | 2021-07-19 03:19:14 +0200 |
---|---|---|
committer | Thomas F. K. Jorna <[email protected]> | 2021-07-19 03:19:14 +0200 |
commit | bbb50922bf2d80e6b510eaca35477efb75704722 (patch) | |
tree | c18316bd61ca52c09166b88084eaa76554f0ecf6 /app/components/local-button/local-button.tsx | |
parent | 611085d403550303dbf66ec3f9152f772377f1c4 (diff) |
web build with offline support
Diffstat (limited to 'app/components/local-button/local-button.tsx')
-rw-r--r-- | app/components/local-button/local-button.tsx | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/app/components/local-button/local-button.tsx b/app/components/local-button/local-button.tsx new file mode 100644 index 0000000..6507b76 --- /dev/null +++ b/app/components/local-button/local-button.tsx @@ -0,0 +1,45 @@ +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", +} + +const TEXT: TextStyle = { + fontFamily: typography.primary, + fontSize: 14, + color: color.primary, +} + +export interface LocalButtonProps { + /** + * An optional style override useful for padding & margin. + */ + style?: StyleProp<ViewStyle> + local + setLocal +} + +/** + * Describe your component here + */ +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> + ) +}) |