From 5f4611d65e40eae3ca6191a15f68d69ea5a1c4cb Mon Sep 17 00:00:00 2001
From: Kirill Rogovoy <kirill@rogovoy.me>
Date: Tue, 20 Jul 2021 21:24:52 +0300
Subject: WIP

---
 app/components/auto-image/auto-image.story.tsx | 37 ---------------------
 app/components/auto-image/auto-image.tsx       | 46 --------------------------
 2 files changed, 83 deletions(-)
 delete mode 100644 app/components/auto-image/auto-image.story.tsx
 delete mode 100644 app/components/auto-image/auto-image.tsx

(limited to 'app/components/auto-image')

diff --git a/app/components/auto-image/auto-image.story.tsx b/app/components/auto-image/auto-image.story.tsx
deleted file mode 100644
index 76e9dab..0000000
--- a/app/components/auto-image/auto-image.story.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-/* 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'
-
-declare let module
-
-const bowser = require('../../screens/welcome/bowser.png')
-const morty = { uri: 'https://rickandmortyapi.com/api/character/avatar/2.jpeg' }
-
-storiesOf('AutoImage', module)
-  .addDecorator((fn) => <StoryScreen>{fn()}</StoryScreen>)
-  .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' }}
-        />
-      </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' }}
-        />
-      </UseCase>
-    </Story>
-  ))
diff --git a/app/components/auto-image/auto-image.tsx b/app/components/auto-image/auto-image.tsx
deleted file mode 100644
index a8bfe37..0000000
--- a/app/components/auto-image/auto-image.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import React, { useLayoutEffect, useState } from 'react'
-import {
-  Image as RNImage,
-  ImageProps as DefaultImageProps,
-  ImageURISource,
-  Platform,
-} from 'react-native'
-
-type ImageProps = DefaultImageProps & {
-  source: ImageURISource
-}
-
-/**
- * An Image wrapper component that autosizes itself to the size of the actual image.
- * You can always override by passing a width and height in the style.
- * If passing only one of width/height this image component will use the actual
- * size of the other dimension.
- *
- * This component isn't required, but is provided as a convenience so that
- * we don't have to remember to explicitly set image sizes on every image instance.
- *
- * To use as a stand-in replacement import { AutoImage as Image } and remove the
- * Image import from react-native. Now all images in that file are handled by this
- * component and are web-ready if not explicitly sized in the style property.
- */
-export function AutoImage(props: ImageProps) {
-  const [imageSize, setImageSize] = useState({ width: 0, height: 0 })
-
-  useLayoutEffect(() => {
-    if (props.source?.uri) {
-      RNImage.getSize(props.source.uri as any, (width, height) => {
-        setImageSize({ width, height })
-      })
-    } 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 })
-      })
-    } else {
-      const { width, height } = RNImage.resolveAssetSource(props.source)
-      setImageSize({ width, height })
-    }
-  }, [])
-
-  return <RNImage {...props} style={[imageSize, props.style]} />
-}
-- 
cgit v1.2.3