diff options
Diffstat (limited to 'ignite/templates/component')
-rw-r--r-- | ignite/templates/component/NAME.story.tsx.ejs | 15 | ||||
-rw-r--r-- | ignite/templates/component/NAME.tsx.ejs | 37 |
2 files changed, 0 insertions, 52 deletions
diff --git a/ignite/templates/component/NAME.story.tsx.ejs b/ignite/templates/component/NAME.story.tsx.ejs deleted file mode 100644 index fca346c..0000000 --- a/ignite/templates/component/NAME.story.tsx.ejs +++ /dev/null @@ -1,15 +0,0 @@ -import * as React from "react" -import { storiesOf } from "@storybook/react-native" -import { StoryScreen, Story, UseCase } from "../../../storybook/views" -import { color } from "../../theme" -import { <%= props.pascalCaseName %> } from "./<%= props.kebabCaseName %>" - -storiesOf("<%= props.pascalCaseName %>", module) - .addDecorator((fn) => <StoryScreen>{fn()}</StoryScreen>) - .add("Style Presets", () => ( - <Story> - <UseCase text="Primary" usage="The primary."> - <<%= props.pascalCaseName %> style={{ backgroundColor: color.error }} /> - </UseCase> - </Story> - )) diff --git a/ignite/templates/component/NAME.tsx.ejs b/ignite/templates/component/NAME.tsx.ejs deleted file mode 100644 index fffaf7d..0000000 --- a/ignite/templates/component/NAME.tsx.ejs +++ /dev/null @@ -1,37 +0,0 @@ -import * as React from "react" -import { StyleProp, TextStyle, View, ViewStyle } from "react-native" -import { observer } from "mobx-react-lite" -import { color, typography } from "../../theme" -import { Text } from "../" -import { flatten } from "ramda" - -const CONTAINER: ViewStyle = { - justifyContent: "center", -} - -const TEXT: TextStyle = { - fontFamily: typography.primary, - fontSize: 14, - color: color.primary, -} - -export interface <%= props.pascalCaseName %>Props { - /** - * An optional style override useful for padding & margin. - */ - style?: StyleProp<ViewStyle> -} - -/** - * Describe your component here - */ -export const <%= props.pascalCaseName %> = observer(function <%= props.pascalCaseName %>(props: <%= props.pascalCaseName %>Props) { - const { style } = props - const styles = flatten([CONTAINER, style]) - - return ( - <View style={styles}> - <Text style={TEXT}>Hello</Text> - </View> - ) -}) |