From ed1cb0d064f625be48bd7dcf6e417040eacc0d61 Mon Sep 17 00:00:00 2001
From: Brandon Presley <brandon@presley.nz>
Date: Sun, 18 Dec 2022 18:32:44 +1300
Subject: [PATCH] Ran prettier

---
 .eslintrc.js                                  |  2 +-
 .prettierrc.js                                |  3 +-
 .watchmanconfig                               |  2 +-
 App.tsx                                       | 56 +++++++++--------
 Item.tsx                                      | 39 ++++++------
 __tests__/App-test.tsx                        | 12 ++--
 app.json                                      |  2 +-
 babel.config.js                               |  2 +-
 constants.ts                                  |  2 +-
 index.js                                      |  8 +--
 .../AppIcon.appiconset/Contents.json          | 62 +++++++++----------
 ios/swiper/Images.xcassets/Contents.json      |  6 +-
 metro.config.js                               |  2 +-
 package.json                                  |  1 +
 14 files changed, 102 insertions(+), 97 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index dcf0be0..6b1f939 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -13,4 +13,4 @@ module.exports = {
       },
     },
   ],
-};
+}
diff --git a/.prettierrc.js b/.prettierrc.js
index 2b54074..ce10619 100644
--- a/.prettierrc.js
+++ b/.prettierrc.js
@@ -4,4 +4,5 @@ module.exports = {
   bracketSpacing: false,
   singleQuote: true,
   trailingComma: 'all',
-};
+  semi: false,
+}
diff --git a/.watchmanconfig b/.watchmanconfig
index 9e26dfe..0967ef4 100644
--- a/.watchmanconfig
+++ b/.watchmanconfig
@@ -1 +1 @@
-{}
\ No newline at end of file
+{}
diff --git a/App.tsx b/App.tsx
index 13cdb2d..6daeb5e 100644
--- a/App.tsx
+++ b/App.tsx
@@ -1,49 +1,51 @@
-import {useState} from 'react';
-import {Button, View} from 'react-native';
-import AppIntroSlider from 'react-native-app-intro-slider';
+import {useState} from 'react'
+import {Button, View} from 'react-native'
+import AppIntroSlider from 'react-native-app-intro-slider'
 import DocumentPicker, {
   DocumentPickerResponse,
-} from 'react-native-document-picker';
-import {backgroundColor} from './constants';
-import Item from './Item';
+} from 'react-native-document-picker'
+import {backgroundColor} from './constants'
+import Item from './Item'
 
 export default function App() {
-  const [files, setFiles] = useState<DocumentPickerResponse[]>([]);
-  const [slide, setSlide] = useState(0);
+  const [files, setFiles] = useState<DocumentPickerResponse[]>([])
+  const [slide, setSlide] = useState(0)
 
   const pick = async () => {
-    const picked = await DocumentPicker.pickMultiple();
-    console.log(`Picked ${picked.length} files.`);
-    setFiles(picked);
-  };
+    const picked = await DocumentPicker.pickMultiple()
+    console.log(`Picked ${picked.length} files.`)
+    setFiles(picked)
+  }
 
   const renderItem = ({
     item,
     index,
   }: {
-    item: DocumentPickerResponse;
-    index: number;
+    item: DocumentPickerResponse
+    index: number
   }) => {
-    return <Item index={index} slide={slide} value={item} />;
-  };
-
-  const slideChange = (index: number) => {
-    setSlide(index);
-  };
+    return <Item index={index} slide={slide} value={item} />
+  }
 
   return (
-    <View style={{height: '100%'}}>
+    <View
+      style={{
+        backgroundColor,
+        justifyContent: 'space-between',
+        flex: 1,
+        flexGrow: 1,
+        padding: 10,
+      }}>
+      <Item />
       <AppIntroSlider
         style={{backgroundColor}}
         data={files}
         renderItem={renderItem}
+        onSlideChange={setSlide}
         showDoneButton={false}
-        showNextButton={false}
-        onSlideChange={slideChange}
+        initialNumToRender={3}
       />
-      <View style={{padding: 20, backgroundColor}}>
-        <Button title="Pick" onPress={pick} />
-      </View>
+      <Button title="Pick" onPress={pick} />
     </View>
-  );
+  )
 }
diff --git a/Item.tsx b/Item.tsx
index 239e712..b82f99b 100644
--- a/Item.tsx
+++ b/Item.tsx
@@ -1,34 +1,35 @@
-import {Dimensions, View} from 'react-native';
-import {DocumentPickerResponse} from 'react-native-document-picker';
-import Video from 'react-native-video';
-import {backgroundColor} from './constants';
+import {useState} from 'react'
+import {Dimensions, View} from 'react-native'
+import {DocumentPickerResponse} from 'react-native-document-picker'
+import Video from 'react-native-video'
 
 export default function Item({
   slide,
   value,
   index,
 }: {
-  slide: number;
-  value: DocumentPickerResponse;
-  index: number;
+  slide: number
+  value: DocumentPickerResponse
+  index: number
 }) {
-  const height = Dimensions.get('screen').height;
+  const [paused, setPaused] = useState(false)
+  const [width, setWidth] = useState(0)
 
   return (
-    <View
-      style={{
-        height: '100%',
-        width: '100%',
-        justifyContent: 'center',
-        alignItems: 'center',
-        backgroundColor,
-      }}>
+    <View style={{alignItems: 'center'}}>
       <Video
-        key={value.name}
         paused={slide !== index}
-        style={{width: 200, height: height / 2}}
+        style={{
+          height: Dimensions.get('screen').height - 125,
+          width,
+          alignItems: 'center',
+        }}
         source={{uri: value.uri}}
+        resizeMode="contain"
+        onLoad={response => {
+          setWidth(response.naturalSize.width)
+        }}
       />
     </View>
-  );
+  )
 }
diff --git a/__tests__/App-test.tsx b/__tests__/App-test.tsx
index 1784766..351e770 100644
--- a/__tests__/App-test.tsx
+++ b/__tests__/App-test.tsx
@@ -2,13 +2,13 @@
  * @format
  */
 
-import 'react-native';
-import React from 'react';
-import App from '../App';
+import 'react-native'
+import React from 'react'
+import App from '../App'
 
 // Note: test renderer must be required after react-native.
-import renderer from 'react-test-renderer';
+import renderer from 'react-test-renderer'
 
 it('renders correctly', () => {
-  renderer.create(<App />);
-});
+  renderer.create(<App />)
+})
diff --git a/app.json b/app.json
index 66a7635..4d2501d 100644
--- a/app.json
+++ b/app.json
@@ -1,4 +1,4 @@
 {
   "name": "swiper",
   "displayName": "swiper"
-}
\ No newline at end of file
+}
diff --git a/babel.config.js b/babel.config.js
index f842b77..cf1f9fb 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -1,3 +1,3 @@
 module.exports = {
   presets: ['module:metro-react-native-babel-preset'],
-};
+}
diff --git a/constants.ts b/constants.ts
index b3ff4aa..5310ce1 100644
--- a/constants.ts
+++ b/constants.ts
@@ -1 +1 @@
-export const backgroundColor = '#121212';
+export const backgroundColor = '#121212'
diff --git a/index.js b/index.js
index a850d03..83e9db2 100644
--- a/index.js
+++ b/index.js
@@ -2,8 +2,8 @@
  * @format
  */
 
-import {AppRegistry} from 'react-native';
-import App from './App';
-import {name as appName} from './app.json';
+import {AppRegistry} from 'react-native'
+import App from './App'
+import {name as appName} from './app.json'
 
-AppRegistry.registerComponent(appName, () => App);
+AppRegistry.registerComponent(appName, () => App)
diff --git a/ios/swiper/Images.xcassets/AppIcon.appiconset/Contents.json b/ios/swiper/Images.xcassets/AppIcon.appiconset/Contents.json
index 8121323..ddd7fca 100644
--- a/ios/swiper/Images.xcassets/AppIcon.appiconset/Contents.json
+++ b/ios/swiper/Images.xcassets/AppIcon.appiconset/Contents.json
@@ -1,53 +1,53 @@
 {
-  "images" : [
+  "images": [
     {
-      "idiom" : "iphone",
-      "scale" : "2x",
-      "size" : "20x20"
+      "idiom": "iphone",
+      "scale": "2x",
+      "size": "20x20"
     },
     {
-      "idiom" : "iphone",
-      "scale" : "3x",
-      "size" : "20x20"
+      "idiom": "iphone",
+      "scale": "3x",
+      "size": "20x20"
     },
     {
-      "idiom" : "iphone",
-      "scale" : "2x",
-      "size" : "29x29"
+      "idiom": "iphone",
+      "scale": "2x",
+      "size": "29x29"
     },
     {
-      "idiom" : "iphone",
-      "scale" : "3x",
-      "size" : "29x29"
+      "idiom": "iphone",
+      "scale": "3x",
+      "size": "29x29"
     },
     {
-      "idiom" : "iphone",
-      "scale" : "2x",
-      "size" : "40x40"
+      "idiom": "iphone",
+      "scale": "2x",
+      "size": "40x40"
     },
     {
-      "idiom" : "iphone",
-      "scale" : "3x",
-      "size" : "40x40"
+      "idiom": "iphone",
+      "scale": "3x",
+      "size": "40x40"
     },
     {
-      "idiom" : "iphone",
-      "scale" : "2x",
-      "size" : "60x60"
+      "idiom": "iphone",
+      "scale": "2x",
+      "size": "60x60"
     },
     {
-      "idiom" : "iphone",
-      "scale" : "3x",
-      "size" : "60x60"
+      "idiom": "iphone",
+      "scale": "3x",
+      "size": "60x60"
     },
     {
-      "idiom" : "ios-marketing",
-      "scale" : "1x",
-      "size" : "1024x1024"
+      "idiom": "ios-marketing",
+      "scale": "1x",
+      "size": "1024x1024"
     }
   ],
-  "info" : {
-    "author" : "xcode",
-    "version" : 1
+  "info": {
+    "author": "xcode",
+    "version": 1
   }
 }
diff --git a/ios/swiper/Images.xcassets/Contents.json b/ios/swiper/Images.xcassets/Contents.json
index 2d92bd5..97a8662 100644
--- a/ios/swiper/Images.xcassets/Contents.json
+++ b/ios/swiper/Images.xcassets/Contents.json
@@ -1,6 +1,6 @@
 {
-  "info" : {
-    "version" : 1,
-    "author" : "xcode"
+  "info": {
+    "version": 1,
+    "author": "xcode"
   }
 }
diff --git a/metro.config.js b/metro.config.js
index e91aba9..c81b3ca 100644
--- a/metro.config.js
+++ b/metro.config.js
@@ -14,4 +14,4 @@ module.exports = {
       },
     }),
   },
-};
+}
diff --git a/package.json b/package.json
index 477675d..a47b192 100644
--- a/package.json
+++ b/package.json
@@ -4,6 +4,7 @@
   "private": true,
   "scripts": {
     "android": "react-native run-android",
+    "release": "react-native run-android --variant=release",
     "ios": "react-native run-ios",
     "start": "react-native start",
     "test": "jest",