summaryrefslogtreecommitdiff
path: root/app/components/form-row
diff options
context:
space:
mode:
authorKirill Rogovoy <[email protected]>2021-07-19 20:06:08 +0300
committerKirill Rogovoy <[email protected]>2021-07-19 20:06:08 +0300
commitf0bf4e7afdcd8b02a62be45ab3e7d047ed865a79 (patch)
tree575c0ff2cbb846252bd2e494c81c396846aab2f6 /app/components/form-row
parent67ad38d0a7cd319623e9f41c0c381ed5c5f6f973 (diff)
Apply Prettier
Diffstat (limited to 'app/components/form-row')
-rw-r--r--app/components/form-row/form-row.presets.ts4
-rw-r--r--app/components/form-row/form-row.props.tsx6
-rw-r--r--app/components/form-row/form-row.story.tsx46
-rw-r--r--app/components/form-row/form-row.tsx8
4 files changed, 36 insertions, 28 deletions
diff --git a/app/components/form-row/form-row.presets.ts b/app/components/form-row/form-row.presets.ts
index 7c10294..0c796c2 100644
--- a/app/components/form-row/form-row.presets.ts
+++ b/app/components/form-row/form-row.presets.ts
@@ -1,5 +1,5 @@
-import { ViewStyle } from "react-native"
-import { color, spacing } from "../../theme"
+import { ViewStyle } from 'react-native'
+import { color, spacing } from '../../theme'
/**
* The size of the border radius.
diff --git a/app/components/form-row/form-row.props.tsx b/app/components/form-row/form-row.props.tsx
index f010206..55b632e 100644
--- a/app/components/form-row/form-row.props.tsx
+++ b/app/components/form-row/form-row.props.tsx
@@ -1,6 +1,6 @@
-import * as React from "react"
-import { StyleProp, ViewStyle } from "react-native"
-import { FormRowPresets } from "./form-row.presets"
+import * as React from 'react'
+import { StyleProp, ViewStyle } from 'react-native'
+import { FormRowPresets } from './form-row.presets'
/**
* The properties you can pass to FormRow.
diff --git a/app/components/form-row/form-row.story.tsx b/app/components/form-row/form-row.story.tsx
index 509afbb..97e43a2 100644
--- a/app/components/form-row/form-row.story.tsx
+++ b/app/components/form-row/form-row.story.tsx
@@ -1,23 +1,23 @@
/* eslint-disable react-native/no-inline-styles */
/* eslint-disable react-native/no-color-literals */
-import * as React from "react"
-import { storiesOf } from "@storybook/react-native"
-import { StoryScreen, Story, UseCase } from "../../../storybook/views"
-import { Text, FormRow } from "../"
-import { color } from "../../theme/color"
-import { ViewStyle } from "react-native"
+import * as React from 'react'
+import { storiesOf } from '@storybook/react-native'
+import { StoryScreen, Story, UseCase } from '../../../storybook/views'
+import { Text, FormRow } from '../'
+import { color } from '../../theme/color'
+import { ViewStyle } from 'react-native'
declare let module
const TEXT_STYLE_OVERRIDE = {
color: color.storybookTextColor,
}
-const arrayStyle: ViewStyle[] = [{ borderWidth: 5 }, { borderColor: "#32cd32" }]
+const arrayStyle: ViewStyle[] = [{ borderWidth: 5 }, { borderColor: '#32cd32' }]
-storiesOf("FormRow", module)
+storiesOf('FormRow', module)
.addDecorator((fn) => <StoryScreen>{fn()}</StoryScreen>)
- .add("Assembled", () => (
+ .add('Assembled', () => (
<Story>
<UseCase
text="Fully Assembled"
@@ -30,9 +30,10 @@ storiesOf("FormRow", module)
</FormRow>
<FormRow preset="middle">
<Text style={TEXT_STYLE_OVERRIDE}>
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi officia quo rerum
- impedit asperiores hic ex quae, quam dolores vel odit doloribus, tempore atque deserunt
- possimus incidunt, obcaecati numquam officiis.
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi
+ officia quo rerum impedit asperiores hic ex quae, quam dolores vel
+ odit doloribus, tempore atque deserunt possimus incidunt, obcaecati
+ numquam officiis.
</Text>
</FormRow>
<FormRow preset="middle">
@@ -47,20 +48,25 @@ storiesOf("FormRow", module)
<UseCase text="Alternatives" usage="Less commonly used presets.">
<FormRow preset="clear">
<Text style={TEXT_STYLE_OVERRIDE}>
- My borders are still there, but they are clear. This causes the text to still align
- properly due to the box model of flexbox.
+ My borders are still there, but they are clear. This causes the text
+ to still align properly due to the box model of flexbox.
</Text>
</FormRow>
<FormRow preset="soloRound">
<Text style={TEXT_STYLE_OVERRIDE}>I'm round</Text>
</FormRow>
- <FormRow preset="soloStraight" style={{ marginTop: 10, backgroundColor: "#ffe" }}>
- <Text style={TEXT_STYLE_OVERRIDE}>I'm square and have a custom style.</Text>
+ <FormRow
+ preset="soloStraight"
+ style={{ marginTop: 10, backgroundColor: '#ffe' }}
+ >
+ <Text style={TEXT_STYLE_OVERRIDE}>
+ I'm square and have a custom style.
+ </Text>
</FormRow>
</UseCase>
</Story>
))
- .add("Presets", () => (
+ .add('Presets', () => (
<Story>
<UseCase text="top" usage="The top of a form.">
<FormRow preset="top">
@@ -70,7 +76,9 @@ storiesOf("FormRow", module)
</UseCase>
<UseCase text="middle" usage="A row in the middle of a form.">
<FormRow preset="middle">
- <Text style={TEXT_STYLE_OVERRIDE}>No curves and empty at the bottom.</Text>
+ <Text style={TEXT_STYLE_OVERRIDE}>
+ No curves and empty at the bottom.
+ </Text>
</FormRow>
</UseCase>
<UseCase text="bottom" usage="The bottom of a form.">
@@ -96,7 +104,7 @@ storiesOf("FormRow", module)
</UseCase>
</Story>
))
- .add("Styling", () => (
+ .add('Styling', () => (
<Story>
<UseCase text="Style array" usage="Form row with an array of styles">
<FormRow preset="soloStraight" style={arrayStyle}>
diff --git a/app/components/form-row/form-row.tsx b/app/components/form-row/form-row.tsx
index 2045336..c6453bc 100644
--- a/app/components/form-row/form-row.tsx
+++ b/app/components/form-row/form-row.tsx
@@ -1,7 +1,7 @@
-import * as React from "react"
-import { View } from "react-native"
-import { PRESETS } from "./form-row.presets"
-import { FormRowProps } from "./form-row.props"
+import * as React from 'react'
+import { View } from 'react-native'
+import { PRESETS } from './form-row.presets'
+import { FormRowProps } from './form-row.props'
/**
* A horizontal container component used to hold a row of a form.