diff options
author | Thomas F. K. Jorna <[email protected]> | 2021-07-23 15:24:35 +0200 |
---|---|---|
committer | Thomas F. K. Jorna <[email protected]> | 2021-07-23 15:24:35 +0200 |
commit | 356381d14cb1ff3cbd39c7e396dd14379336451b (patch) | |
tree | a03e9b2534600bde7b3b781411b5b03f8134904b /app_expo/components/header/header.tsx | |
parent | 7aa007f158a52b41494049a1202938fc97813ec1 (diff) | |
parent | 73308af061af5e17ac7d4a73fa027a2f303c70dd (diff) |
resolving merge conflicts
Diffstat (limited to 'app_expo/components/header/header.tsx')
-rw-r--r-- | app_expo/components/header/header.tsx | 61 |
1 files changed, 0 insertions, 61 deletions
diff --git a/app_expo/components/header/header.tsx b/app_expo/components/header/header.tsx deleted file mode 100644 index 25e0914..0000000 --- a/app_expo/components/header/header.tsx +++ /dev/null @@ -1,61 +0,0 @@ -import React from 'react' -import { View, ViewStyle, TextStyle } from 'react-native' -import { HeaderProps } from './header.props' -import { Button } from '../button/button' -import { Text } from '../text/text' -import { Icon } from '../icon/icon' -import { spacing } from '../../theme' -import { translate } from '../../i18n/' - -// static styles -const ROOT: ViewStyle = { - flexDirection: 'row', - paddingHorizontal: spacing[4], - alignItems: 'center', - paddingTop: spacing[5], - paddingBottom: spacing[5], - justifyContent: 'flex-start', -} -const TITLE: TextStyle = { textAlign: 'center' } -const TITLE_MIDDLE: ViewStyle = { flex: 1, justifyContent: 'center' } -const LEFT: ViewStyle = { width: 32 } -const RIGHT: ViewStyle = { width: 32 } - -/** - * Header that appears on many screens. Will hold navigation buttons and screen title. - */ -export function Header(props: HeaderProps) { - const { - onLeftPress, - onRightPress, - rightIcon, - leftIcon, - headerText, - headerTx, - style, - titleStyle, - } = props - const header = headerText || (headerTx && translate(headerTx)) || '' - - return ( - <View style={[ROOT, style]}> - {leftIcon ? ( - <Button preset="link" onPress={onLeftPress}> - <Icon icon={leftIcon} /> - </Button> - ) : ( - <View style={LEFT} /> - )} - <View style={TITLE_MIDDLE}> - <Text style={[TITLE, titleStyle]} text={header} /> - </View> - {rightIcon ? ( - <Button preset="link" onPress={onRightPress}> - <Icon icon={rightIcon} /> - </Button> - ) : ( - <View style={RIGHT} /> - )} - </View> - ) -} |