diff options
Diffstat (limited to 'app/components/icon')
-rw-r--r-- | app/components/icon/icon.props.ts | 21 | ||||
-rw-r--r-- | app/components/icon/icon.story.tsx | 19 | ||||
-rw-r--r-- | app/components/icon/icon.tsx | 19 | ||||
-rw-r--r-- | app/components/icon/icons/arrow-left.png | bin | 329 -> 0 bytes | |||
-rw-r--r-- | app/components/icon/icons/[email protected] | bin | 329 -> 0 bytes | |||
-rw-r--r-- | app/components/icon/icons/bullet.png | bin | 204 -> 0 bytes | |||
-rw-r--r-- | app/components/icon/icons/[email protected] | bin | 204 -> 0 bytes | |||
-rw-r--r-- | app/components/icon/icons/index.ts | 6 |
8 files changed, 0 insertions, 65 deletions
diff --git a/app/components/icon/icon.props.ts b/app/components/icon/icon.props.ts deleted file mode 100644 index 1f3ed2e..0000000 --- a/app/components/icon/icon.props.ts +++ /dev/null @@ -1,21 +0,0 @@ -import { ImageStyle, StyleProp, ViewStyle } from 'react-native' -import { IconTypes } from './icons' - -export interface IconProps { - /** - * Style overrides for the icon image - */ - style?: StyleProp<ImageStyle> - - /** - * Style overrides for the icon container - */ - - containerStyle?: StyleProp<ViewStyle> - - /** - * The name of the icon - */ - - icon?: IconTypes -} diff --git a/app/components/icon/icon.story.tsx b/app/components/icon/icon.story.tsx deleted file mode 100644 index 31c8499..0000000 --- a/app/components/icon/icon.story.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import * as React from 'react' -import { storiesOf } from '@storybook/react-native' -import { StoryScreen, Story, UseCase } from '../../../storybook/views' -import { Icon } from './icon' - -declare let module - -storiesOf('Icon', module) - .addDecorator((fn) => <StoryScreen>{fn()}</StoryScreen>) - .add('Names', () => ( - <Story> - <UseCase text="back" usage="The icon for going back"> - <Icon icon="back" /> - </UseCase> - <UseCase text="bullet" usage="The icon for a bullet point"> - <Icon icon="bullet" /> - </UseCase> - </Story> - )) diff --git a/app/components/icon/icon.tsx b/app/components/icon/icon.tsx deleted file mode 100644 index f596bb2..0000000 --- a/app/components/icon/icon.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import * as React from 'react' -import { View, ImageStyle } from 'react-native' -import { AutoImage as Image } from '../auto-image/auto-image' -import { IconProps } from './icon.props' -import { icons } from './icons' - -const ROOT: ImageStyle = { - resizeMode: 'contain', -} - -export function Icon(props: IconProps) { - const { style: styleOverride, icon, containerStyle } = props - - return ( - <View style={containerStyle}> - <Image style={[ROOT, styleOverride]} source={icons[icon]} /> - </View> - ) -} diff --git a/app/components/icon/icons/arrow-left.png b/app/components/icon/icons/arrow-left.png Binary files differdeleted file mode 100644 index 9d607d7..0000000 --- a/app/components/icon/icons/arrow-left.png +++ /dev/null diff --git a/app/components/icon/icons/[email protected] b/app/components/icon/icons/[email protected] Binary files differdeleted file mode 100644 index 9d607d7..0000000 --- a/app/components/icon/icons/[email protected] +++ /dev/null diff --git a/app/components/icon/icons/bullet.png b/app/components/icon/icons/bullet.png Binary files differdeleted file mode 100644 index 8fc256f..0000000 --- a/app/components/icon/icons/bullet.png +++ /dev/null diff --git a/app/components/icon/icons/[email protected] b/app/components/icon/icons/[email protected] Binary files differdeleted file mode 100644 index 8fc256f..0000000 --- a/app/components/icon/icons/[email protected] +++ /dev/null diff --git a/app/components/icon/icons/index.ts b/app/components/icon/icons/index.ts deleted file mode 100644 index 792e408..0000000 --- a/app/components/icon/icons/index.ts +++ /dev/null @@ -1,6 +0,0 @@ -export const icons = { - back: require('./arrow-left.png'), - bullet: require('./bullet.png'), -} - -export type IconTypes = keyof typeof icons |