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 })