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/button/button.presets.ts | 58 ---------------------------- app_expo/components/button/button.props.ts | 35 ----------------- app_expo/components/button/button.story.tsx | 33 ---------------- app_expo/components/button/button.tsx | 36 ----------------- 4 files changed, 162 deletions(-) delete mode 100644 app_expo/components/button/button.presets.ts delete mode 100644 app_expo/components/button/button.props.ts delete mode 100644 app_expo/components/button/button.story.tsx delete mode 100644 app_expo/components/button/button.tsx (limited to 'app_expo/components/button') diff --git a/app_expo/components/button/button.presets.ts b/app_expo/components/button/button.presets.ts deleted file mode 100644 index bc0ad3f..0000000 --- a/app_expo/components/button/button.presets.ts +++ /dev/null @@ -1,58 +0,0 @@ -import { ViewStyle, TextStyle } from 'react-native' -import { color, spacing } from '../../theme' - -/** - * All text will start off looking like this. - */ -const BASE_VIEW: ViewStyle = { - paddingVertical: spacing[2], - paddingHorizontal: spacing[2], - borderRadius: 4, - justifyContent: 'center', - alignItems: 'center', -} - -const BASE_TEXT: TextStyle = { - paddingHorizontal: spacing[3], -} - -/** - * All the variations of text styling within the app. - * - * You want to customize these to whatever you need in your app. - */ -export const viewPresets: Record = { - /** - * A smaller piece of secondard information. - */ - primary: { ...BASE_VIEW, backgroundColor: color.palette.orange } as ViewStyle, - - /** - * A button without extras. - */ - link: { - ...BASE_VIEW, - paddingHorizontal: 0, - paddingVertical: 0, - alignItems: 'flex-start', - } as ViewStyle, -} - -export const textPresets: Record = { - primary: { - ...BASE_TEXT, - fontSize: 9, - color: color.palette.white, - } as TextStyle, - link: { - ...BASE_TEXT, - color: color.text, - paddingHorizontal: 0, - paddingVertical: 0, - } as TextStyle, -} - -/** - * A list of preset names. - */ -export type ButtonPresetNames = keyof typeof viewPresets diff --git a/app_expo/components/button/button.props.ts b/app_expo/components/button/button.props.ts deleted file mode 100644 index 810e0aa..0000000 --- a/app_expo/components/button/button.props.ts +++ /dev/null @@ -1,35 +0,0 @@ -import { StyleProp, TextStyle, TouchableOpacityProps, ViewStyle } from 'react-native' -import { ButtonPresetNames } from './button.presets' -import { TxKeyPath } from '../../i18n' - -export interface ButtonProps extends TouchableOpacityProps { - /** - * Text which is looked up via i18n. - */ - tx?: TxKeyPath - - /** - * The text to display if not using `tx` or nested components. - */ - text?: string - - /** - * An optional style override useful for padding & margin. - */ - style?: StyleProp - - /** - * An optional style override useful for the button text. - */ - textStyle?: StyleProp - - /** - * One of the different types of text presets. - */ - preset?: ButtonPresetNames - - /** - * One of the different types of text presets. - */ - children?: React.ReactNode -} diff --git a/app_expo/components/button/button.story.tsx b/app_expo/components/button/button.story.tsx deleted file mode 100644 index 54dc2a9..0000000 --- a/app_expo/components/button/button.story.tsx +++ /dev/null @@ -1,33 +0,0 @@ -import * as React from 'react' -import { ViewStyle, TextStyle, Alert } from 'react-native' -import { storiesOf } from '@storybook/react-native' -import { StoryScreen, Story, UseCase } from '../../../storybook/views' -import { Button } from './button' - -declare let module - -const buttonStyleArray: ViewStyle[] = [{ paddingVertical: 100 }, { borderRadius: 0 }] - -const buttonTextStyleArray: TextStyle[] = [{ fontSize: 20 }, { color: '#a511dc' }] - -storiesOf('Button', module) - .addDecorator((fn) => {fn()}) - .add('Style Presets', () => ( - - -