summaryrefslogtreecommitdiff
path: root/ignite/templates/component
diff options
context:
space:
mode:
authorKirill Rogovoy <[email protected]>2021-07-20 21:24:52 +0300
committerKirill Rogovoy <[email protected]>2021-07-20 21:24:52 +0300
commit5f4611d65e40eae3ca6191a15f68d69ea5a1c4cb (patch)
tree273dfc086444533d86d580961c92ba8d14781a67 /ignite/templates/component
parentf0bf4e7afdcd8b02a62be45ab3e7d047ed865a79 (diff)
WIP
Diffstat (limited to 'ignite/templates/component')
-rw-r--r--ignite/templates/component/NAME.story.tsx.ejs15
-rw-r--r--ignite/templates/component/NAME.tsx.ejs37
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>
- )
-})