summaryrefslogtreecommitdiff
path: root/app/components/auto-image
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/auto-image
parent67ad38d0a7cd319623e9f41c0c381ed5c5f6f973 (diff)
Apply Prettier
Diffstat (limited to 'app/components/auto-image')
-rw-r--r--app/components/auto-image/auto-image.story.tsx26
-rw-r--r--app/components/auto-image/auto-image.tsx6
2 files changed, 19 insertions, 13 deletions
diff --git a/app/components/auto-image/auto-image.story.tsx b/app/components/auto-image/auto-image.story.tsx
index f7ecc86..76e9dab 100644
--- a/app/components/auto-image/auto-image.story.tsx
+++ b/app/components/auto-image/auto-image.story.tsx
@@ -1,31 +1,37 @@
/* eslint-disable */
-import * as React from "react"
-import { storiesOf } from "@storybook/react-native"
-import { StoryScreen, Story, UseCase } from "../../../storybook/views"
-import { AutoImage } from "./auto-image"
+import * as React from 'react'
+import { storiesOf } from '@storybook/react-native'
+import { StoryScreen, Story, UseCase } from '../../../storybook/views'
+import { AutoImage } from './auto-image'
declare let module
-const bowser = require("../../screens/welcome/bowser.png")
-const morty = { uri: "https://rickandmortyapi.com/api/character/avatar/2.jpeg" }
+const bowser = require('../../screens/welcome/bowser.png')
+const morty = { uri: 'https://rickandmortyapi.com/api/character/avatar/2.jpeg' }
-storiesOf("AutoImage", module)
+storiesOf('AutoImage', module)
.addDecorator((fn) => <StoryScreen>{fn()}</StoryScreen>)
- .add("Style Presets", () => (
+ .add('Style Presets', () => (
<Story>
<UseCase text="With require()">
<AutoImage source={bowser} />
<AutoImage source={bowser} style={{ width: 150 }} />
<AutoImage source={bowser} style={{ width: 150, height: 150 }} />
<AutoImage source={bowser} style={{ height: 150 }} />
- <AutoImage source={bowser} style={{ height: 150, resizeMode: "contain" }} />
+ <AutoImage
+ source={bowser}
+ style={{ height: 150, resizeMode: 'contain' }}
+ />
</UseCase>
<UseCase text="With URL">
<AutoImage source={morty} />
<AutoImage source={morty} style={{ width: 150 }} />
<AutoImage source={morty} style={{ width: 150, height: 150 }} />
<AutoImage source={morty} style={{ height: 150 }} />
- <AutoImage source={morty} style={{ height: 150, resizeMode: "contain" }} />
+ <AutoImage
+ source={morty}
+ style={{ height: 150, resizeMode: 'contain' }}
+ />
</UseCase>
</Story>
))
diff --git a/app/components/auto-image/auto-image.tsx b/app/components/auto-image/auto-image.tsx
index 39d71ca..a8bfe37 100644
--- a/app/components/auto-image/auto-image.tsx
+++ b/app/components/auto-image/auto-image.tsx
@@ -1,10 +1,10 @@
-import React, { useLayoutEffect, useState } from "react"
+import React, { useLayoutEffect, useState } from 'react'
import {
Image as RNImage,
ImageProps as DefaultImageProps,
ImageURISource,
Platform,
-} from "react-native"
+} from 'react-native'
type ImageProps = DefaultImageProps & {
source: ImageURISource
@@ -31,7 +31,7 @@ export function AutoImage(props: ImageProps) {
RNImage.getSize(props.source.uri as any, (width, height) => {
setImageSize({ width, height })
})
- } else if (Platform.OS === "web") {
+ } else if (Platform.OS === 'web') {
// web requires a different method to get it's size
RNImage.getSize(props.source as any, (width, height) => {
setImageSize({ width, height })