From f0bf4e7afdcd8b02a62be45ab3e7d047ed865a79 Mon Sep 17 00:00:00 2001 From: Kirill Rogovoy Date: Mon, 19 Jul 2021 20:06:08 +0300 Subject: Apply Prettier --- storybook/index.ts | 2 +- storybook/storybook-registry.ts | 20 ++++++++++---------- storybook/storybook.tsx | 17 +++++++++-------- storybook/toggle-storybook.tsx | 16 ++++++++-------- storybook/toggle-storybook.web.tsx | 6 +++--- storybook/views/index.ts | 6 +++--- storybook/views/story-screen.tsx | 14 +++++++++----- storybook/views/story.tsx | 8 +++++--- storybook/views/use-case.tsx | 28 ++++++++++++++++------------ 9 files changed, 64 insertions(+), 53 deletions(-) (limited to 'storybook') diff --git a/storybook/index.ts b/storybook/index.ts index 4a0399a..43bfa66 100644 --- a/storybook/index.ts +++ b/storybook/index.ts @@ -1,4 +1,4 @@ // this is the native storybook entry point // import { StorybookUI } from "./config" -export * from "./storybook" +export * from './storybook' diff --git a/storybook/storybook-registry.ts b/storybook/storybook-registry.ts index 83f0ed8..453b0d0 100644 --- a/storybook/storybook-registry.ts +++ b/storybook/storybook-registry.ts @@ -1,10 +1,10 @@ -require("../app/components/text/text.story") -require("../app/components/auto-image/auto-image.story") -require("../app/components/button/button.story") -require("../app/components/form-row/form-row.story") -require("../app/components/switch/switch.story") -require("../app/components/text-field/text-field.story") -require("../app/components/checkbox/checkbox.story") -require("../app/components/wallpaper/wallpaper.story") -require("../app/components/icon/icon.story") -require("../app/components/header/header.story") +require('../app/components/text/text.story') +require('../app/components/auto-image/auto-image.story') +require('../app/components/button/button.story') +require('../app/components/form-row/form-row.story') +require('../app/components/switch/switch.story') +require('../app/components/text-field/text-field.story') +require('../app/components/checkbox/checkbox.story') +require('../app/components/wallpaper/wallpaper.story') +require('../app/components/icon/icon.story') +require('../app/components/header/header.story') diff --git a/storybook/storybook.tsx b/storybook/storybook.tsx index 0479d4e..c48e3ef 100644 --- a/storybook/storybook.tsx +++ b/storybook/storybook.tsx @@ -1,26 +1,27 @@ -import React, { useEffect } from "react" -import { getStorybookUI, configure } from "@storybook/react-native" -import { initFonts } from "../app/theme/fonts" +import React, { useEffect } from 'react' +import { getStorybookUI, configure } from '@storybook/react-native' +import { initFonts } from '../app/theme/fonts' declare let module configure(() => { - require("./storybook-registry") + require('./storybook-registry') }, module) const StorybookUI = getStorybookUI({ port: 9001, - host: "localhost", + host: 'localhost', onDeviceUI: true, - asyncStorage: require("@react-native-async-storage/async-storage").default || null, + asyncStorage: + require('@react-native-async-storage/async-storage').default || null, }) export function StorybookUIRoot() { useEffect(() => { ;(async () => { await initFonts() // expo only - if (typeof __TEST__ === "undefined" || !__TEST__) { - const Reactotron = require("../app/services/reactotron") + if (typeof __TEST__ === 'undefined' || !__TEST__) { + const Reactotron = require('../app/services/reactotron') const reactotron = new Reactotron.Reactotron() reactotron.setup() } diff --git a/storybook/toggle-storybook.tsx b/storybook/toggle-storybook.tsx index 394ecf4..301695a 100644 --- a/storybook/toggle-storybook.tsx +++ b/storybook/toggle-storybook.tsx @@ -1,6 +1,6 @@ -import React, { useState, useEffect } from "react" -import { DevSettings } from "react-native" -import { loadString, saveString } from "../app/utils/storage" +import React, { useState, useEffect } from 'react' +import { DevSettings } from 'react-native' +import { loadString, saveString } from '../app/utils/storage' /** * Toggle Storybook mode, in __DEV__ mode only. @@ -19,18 +19,18 @@ export function ToggleStorybook(props) { useEffect(() => { if (__DEV__ && DevSettings) { // Load the setting from storage if it's there - loadString("devStorybook").then((storedSetting) => { + loadString('devStorybook').then((storedSetting) => { // Set the initial value - setShowStorybook(storedSetting === "on") + setShowStorybook(storedSetting === 'on') // Add our toggle command to the menu - DevSettings.addMenuItem("Toggle Storybook", () => { + DevSettings.addMenuItem('Toggle Storybook', () => { setShowStorybook((show) => { // On toggle, flip the current value show = !show // Write it back to storage - saveString("devStorybook", show ? "on" : "off") + saveString('devStorybook', show ? 'on' : 'off') // Return it to change the local state return show @@ -38,7 +38,7 @@ export function ToggleStorybook(props) { }) // Load the storybook UI once - setStorybookUIRoot(() => require("./storybook").StorybookUIRoot) + setStorybookUIRoot(() => require('./storybook').StorybookUIRoot) }) } }, []) diff --git a/storybook/toggle-storybook.web.tsx b/storybook/toggle-storybook.web.tsx index f1bd034..9da2ada 100644 --- a/storybook/toggle-storybook.web.tsx +++ b/storybook/toggle-storybook.web.tsx @@ -1,5 +1,5 @@ -import React, { useState, useEffect } from "react" -import * as QueryString from "query-string" +import React, { useState, useEffect } from 'react' +import * as QueryString from 'query-string' interface StorybookQueryParams { storybook?: boolean @@ -12,7 +12,7 @@ export const ToggleStorybook = (props) => { useEffect(() => { if (__DEV__) { // Load the storybook UI once - setStorybookUIRoot(() => require("./storybook").StorybookUIRoot) + setStorybookUIRoot(() => require('./storybook').StorybookUIRoot) } }, []) diff --git a/storybook/views/index.ts b/storybook/views/index.ts index a722e53..fb7ed3e 100644 --- a/storybook/views/index.ts +++ b/storybook/views/index.ts @@ -1,3 +1,3 @@ -export * from "./story-screen" -export * from "./story" -export * from "./use-case" +export * from './story-screen' +export * from './story' +export * from './use-case' diff --git a/storybook/views/story-screen.tsx b/storybook/views/story-screen.tsx index d83f6f5..1e59efd 100644 --- a/storybook/views/story-screen.tsx +++ b/storybook/views/story-screen.tsx @@ -1,15 +1,19 @@ -import * as React from "react" -import { ViewStyle, KeyboardAvoidingView, Platform } from "react-native" +import * as React from 'react' +import { ViewStyle, KeyboardAvoidingView, Platform } from 'react-native' -const ROOT: ViewStyle = { backgroundColor: "#f0f0f0", flex: 1 } +const ROOT: ViewStyle = { backgroundColor: '#f0f0f0', flex: 1 } export interface StoryScreenProps { children?: React.ReactNode } -const behavior = Platform.OS === "ios" ? "padding" : undefined +const behavior = Platform.OS === 'ios' ? 'padding' : undefined export const StoryScreen = (props: StoryScreenProps) => ( - + {props.children} ) diff --git a/storybook/views/story.tsx b/storybook/views/story.tsx index c85f7f0..68d298e 100644 --- a/storybook/views/story.tsx +++ b/storybook/views/story.tsx @@ -1,5 +1,5 @@ -import * as React from "react" -import { ScrollView, View, ViewStyle } from "react-native" +import * as React from 'react' +import { ScrollView, View, ViewStyle } from 'react-native' export interface StoryProps { children?: React.ReactNode @@ -10,7 +10,9 @@ const ROOT: ViewStyle = { flex: 1 } export function Story(props: StoryProps) { return ( - {props.children} + + {props.children} + ) } diff --git a/storybook/views/use-case.tsx b/storybook/views/use-case.tsx index 08b04b9..b7f6647 100644 --- a/storybook/views/use-case.tsx +++ b/storybook/views/use-case.tsx @@ -1,33 +1,33 @@ -import * as React from "react" -import { View, Text, TextStyle, ViewStyle } from "react-native" +import * as React from 'react' +import { View, Text, TextStyle, ViewStyle } from 'react-native' -const ROOT: ViewStyle = { backgroundColor: "#eee" } -const TITLE: TextStyle = { fontWeight: "600", color: "#3d3d3d" } +const ROOT: ViewStyle = { backgroundColor: '#eee' } +const TITLE: TextStyle = { fontWeight: '600', color: '#3d3d3d' } const TITLE_WRAPPER: ViewStyle = {} const USE_CASE_WRAPPER: ViewStyle = { - position: "absolute", + position: 'absolute', top: 0, left: 0, right: 0, - borderTopColor: "#e6e6e6", + borderTopColor: '#e6e6e6', borderTopWidth: 1, - flexDirection: "row", + flexDirection: 'row', } const USE_CASE: TextStyle = { fontSize: 10, - color: "#666", + color: '#666', paddingHorizontal: 4, paddingBottom: 2, } -const USAGE: TextStyle = { color: "#666", fontSize: 10, paddingTop: 0 } +const USAGE: TextStyle = { color: '#666', fontSize: 10, paddingTop: 0 } const HEADER: ViewStyle = { paddingTop: 20, paddingBottom: 10, paddingHorizontal: 10, - borderBottomColor: "#e6e6e6", + borderBottomColor: '#e6e6e6', borderBottomWidth: 1, } -const COMPONENT: ViewStyle = { backgroundColor: "#fff" } +const COMPONENT: ViewStyle = { backgroundColor: '#fff' } export interface UseCaseProps { /** The title. */ @@ -48,7 +48,11 @@ export function UseCase(props: UseCaseProps) { const style: ViewStyle = { ...COMPONENT, ...{ padding: props.noPad ? 0 : 10 }, - ...{ backgroundColor: props.noBackground ? "rgba(0,0,0,0)" : COMPONENT.backgroundColor }, + ...{ + backgroundColor: props.noBackground + ? 'rgba(0,0,0,0)' + : COMPONENT.backgroundColor, + }, ...props.style, } -- cgit v1.2.3