From 73308af061af5e17ac7d4a73fa027a2f303c70dd Mon Sep 17 00:00:00 2001 From: Kirill Rogovoy Date: Fri, 23 Jul 2021 11:02:26 +0300 Subject: Update graph data when Emacs node changes + minor improvements --- app_expo/components/header/header.props.ts | 45 --------------------- app_expo/components/header/header.story.tsx | 43 -------------------- app_expo/components/header/header.tsx | 61 ----------------------------- 3 files changed, 149 deletions(-) delete mode 100644 app_expo/components/header/header.props.ts delete mode 100644 app_expo/components/header/header.story.tsx delete mode 100644 app_expo/components/header/header.tsx (limited to 'app_expo/components/header') diff --git a/app_expo/components/header/header.props.ts b/app_expo/components/header/header.props.ts deleted file mode 100644 index f142656..0000000 --- a/app_expo/components/header/header.props.ts +++ /dev/null @@ -1,45 +0,0 @@ -import { StyleProp, TextStyle, ViewStyle } from 'react-native' -import { IconTypes } from '../icon/icons' -import { TxKeyPath } from '../../i18n' - -export interface HeaderProps { - /** - * Main header, e.g. POWERED BY IGNITE - */ - headerTx?: TxKeyPath - - /** - * header non-i18n - */ - headerText?: string - - /** - * Icon that should appear on the left - */ - leftIcon?: IconTypes - - /** - * What happens when you press the left icon - */ - onLeftPress?(): void - - /** - * Icon that should appear on the right - */ - rightIcon?: IconTypes - - /** - * What happens when you press the right icon - */ - onRightPress?(): void - - /** - * Container style overrides. - */ - style?: StyleProp - - /** - * Title style overrides. - */ - titleStyle?: StyleProp -} diff --git a/app_expo/components/header/header.story.tsx b/app_expo/components/header/header.story.tsx deleted file mode 100644 index db87b89..0000000 --- a/app_expo/components/header/header.story.tsx +++ /dev/null @@ -1,43 +0,0 @@ -import * as React from 'react' -import { View, Alert } from 'react-native' -import { storiesOf } from '@storybook/react-native' -import { StoryScreen, Story, UseCase } from '../../../storybook/views' -import { Header } from './header' -import { color } from '../../theme' - -declare let module - -const VIEWSTYLE = { - flex: 1, - backgroundColor: color.storybookDarkBg, -} - -storiesOf('Header', module) - .addDecorator((fn) => {fn()}) - .add('Behavior', () => ( - - - -
- - - - -
Alert.alert('left nav')} - /> - - - - -
Alert.alert('right nav')} - /> - - - - )) 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 ( - - {leftIcon ? ( - - ) : ( - - )} - - - - {rightIcon ? ( - - ) : ( - - )} - - ) -} -- cgit v1.2.3