diff options
Diffstat (limited to 'app/components/header')
-rw-r--r-- | app/components/header/header.props.ts | 6 | ||||
-rw-r--r-- | app/components/header/header.story.tsx | 20 | ||||
-rw-r--r-- | app/components/header/header.tsx | 28 |
3 files changed, 27 insertions, 27 deletions
diff --git a/app/components/header/header.props.ts b/app/components/header/header.props.ts index 07f2c4d..f142656 100644 --- a/app/components/header/header.props.ts +++ b/app/components/header/header.props.ts @@ -1,6 +1,6 @@ -import { StyleProp, TextStyle, ViewStyle } from "react-native" -import { IconTypes } from "../icon/icons" -import { TxKeyPath } from "../../i18n" +import { StyleProp, TextStyle, ViewStyle } from 'react-native' +import { IconTypes } from '../icon/icons' +import { TxKeyPath } from '../../i18n' export interface HeaderProps { /** diff --git a/app/components/header/header.story.tsx b/app/components/header/header.story.tsx index 05093b3..db87b89 100644 --- a/app/components/header/header.story.tsx +++ b/app/components/header/header.story.tsx @@ -1,9 +1,9 @@ -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" +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 @@ -12,9 +12,9 @@ const VIEWSTYLE = { backgroundColor: color.storybookDarkBg, } -storiesOf("Header", module) +storiesOf('Header', module) .addDecorator((fn) => <StoryScreen>{fn()}</StoryScreen>) - .add("Behavior", () => ( + .add('Behavior', () => ( <Story> <UseCase noPad text="default" usage="The default usage"> <View style={VIEWSTYLE}> @@ -26,7 +26,7 @@ storiesOf("Header", module) <Header headerTx="demoScreen.howTo" leftIcon="back" - onLeftPress={() => Alert.alert("left nav")} + onLeftPress={() => Alert.alert('left nav')} /> </View> </UseCase> @@ -35,7 +35,7 @@ storiesOf("Header", module) <Header headerTx="demoScreen.howTo" rightIcon="bullet" - onRightPress={() => Alert.alert("right nav")} + onRightPress={() => Alert.alert('right nav')} /> </View> </UseCase> diff --git a/app/components/header/header.tsx b/app/components/header/header.tsx index b4a6634..25e0914 100644 --- a/app/components/header/header.tsx +++ b/app/components/header/header.tsx @@ -1,23 +1,23 @@ -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/" +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", + flexDirection: 'row', paddingHorizontal: spacing[4], - alignItems: "center", + alignItems: 'center', paddingTop: spacing[5], paddingBottom: spacing[5], - justifyContent: "flex-start", + justifyContent: 'flex-start', } -const TITLE: TextStyle = { textAlign: "center" } -const TITLE_MIDDLE: ViewStyle = { flex: 1, justifyContent: "center" } +const TITLE: TextStyle = { textAlign: 'center' } +const TITLE_MIDDLE: ViewStyle = { flex: 1, justifyContent: 'center' } const LEFT: ViewStyle = { width: 32 } const RIGHT: ViewStyle = { width: 32 } @@ -35,7 +35,7 @@ export function Header(props: HeaderProps) { style, titleStyle, } = props - const header = headerText || (headerTx && translate(headerTx)) || "" + const header = headerText || (headerTx && translate(headerTx)) || '' return ( <View style={[ROOT, style]}> |