chore: apply lint

Author: Naturalclar

src/useAccessibilityInfo.ts

@@ -1,43 +1,43 @@
-import React, { useEffect, useState } from 'react'
+import {useEffect, useState} from 'react';
 import {
   AccessibilityInfo,
   AccessibilityChangeEvent,
   AccessibilityEvent,
-} from 'react-native'
+} from 'react-native';
 
 export default function useAccessibilityInfo() {
-  const [reduceMotionEnabled, setReduceMotionEnabled] = useState(false)
-  const [screenReaderEnabled, setScreenReaderEnabled] = useState(false)
+  const [reduceMotionEnabled, setReduceMotionEnabled] = useState(false);
+  const [screenReaderEnabled, setScreenReaderEnabled] = useState(false);
 
   const handleReduceMotionChanged = (enabled: AccessibilityChangeEvent) =>
-    setReduceMotionEnabled(enabled)
+    setReduceMotionEnabled(enabled);
   const handleScreenReaderChanged = (enabled: AccessibilityChangeEvent) =>
-    setScreenReaderEnabled(enabled)
+    setScreenReaderEnabled(enabled);
 
   useEffect(() => {
-    AccessibilityInfo.isReduceMotionEnabled().then(handleReduceMotionChanged)
-    AccessibilityInfo.isScreenReaderEnabled().then(handleScreenReaderChanged)
+    AccessibilityInfo.isReduceMotionEnabled().then(handleReduceMotionChanged);
+    AccessibilityInfo.isScreenReaderEnabled().then(handleScreenReaderChanged);
 
     AccessibilityInfo.addEventListener(
       'reduceMotionChanged',
       handleReduceMotionChanged as (event: AccessibilityEvent) => void,
-    )
+    );
     AccessibilityInfo.addEventListener(
       'screenReaderChanged',
       handleScreenReaderChanged as (event: AccessibilityEvent) => void,
-    )
+    );
 
     return () => {
       AccessibilityInfo.removeEventListener(
         'reduceMotionChanged',
         handleReduceMotionChanged as (event: AccessibilityEvent) => void,
-      )
+      );
       AccessibilityInfo.removeEventListener(
         'screenReaderChanged',
         handleScreenReaderChanged as (event: AccessibilityEvent) => void,
-      )
-    }
-  }, [])
+      );
+    };
+  }, []);
 
-  return { reduceMotionEnabled, screenReaderEnabled }
+  return {reduceMotionEnabled, screenReaderEnabled};
 }

src/useAppState.ts

@@ -1,21 +1,21 @@
-import React, { useEffect, useState } from 'react'
-import { AppState, AppStateStatus } from 'react-native'
+import {useEffect, useState} from 'react';
+import {AppState, AppStateStatus} from 'react-native';
 
 export default function useAppState() {
-  const currentState = AppState.currentState
-  const [appState, setAppState] = useState(currentState)
+  const currentState = AppState.currentState;
+  const [appState, setAppState] = useState(currentState);
 
   function onChange(newState: AppStateStatus) {
-    setAppState(newState)
+    setAppState(newState);
   }
 
   useEffect(() => {
-    AppState.addEventListener('change', onChange)
+    AppState.addEventListener('change', onChange);
 
     return () => {
-      AppState.removeEventListener('change', onChange)
-    }
-  })
+      AppState.removeEventListener('change', onChange);
+    };
+  });
 
-  return appState
+  return appState;
 }

src/useBackHandler.ts

@@ -1,12 +1,12 @@
-import React, { useEffect } from 'react'
-import { BackHandler } from 'react-native'
+import {useEffect} from 'react';
+import {BackHandler} from 'react-native';
 
 export default function useBackHandler(handler: () => void) {
   useEffect(() => {
-    BackHandler.addEventListener('hardwareBackPress', handler)
+    BackHandler.addEventListener('hardwareBackPress', handler);
 
     return () => {
-      BackHandler.removeEventListener('hardwareBackPress', handler)
-    }
-  })
+      BackHandler.removeEventListener('hardwareBackPress', handler);
+    };
+  });
 }

src/useCameraRoll.ts

@@ -1,9 +1,9 @@
-import React, { useState } from 'react'
+import {useState} from 'react';
 import {
   CameraRoll,
   GetPhotosParamType,
   GetPhotosReturnType,
-} from 'react-native'
+} from 'react-native';
 
 const initialState: GetPhotosReturnType = {
   edges: [],
@@ -12,32 +12,32 @@ const initialState: GetPhotosReturnType = {
     has_next_page: false,
     start_cursor: '',
   },
-}
+};
 
 const defaultConfig: GetPhotosParamType = {
   first: 20,
   groupTypes: 'All',
-}
+};
 
 export default function useCameraRoll() {
-  const [photos, setPhotos] = useState(initialState)
+  const [photos, setPhotos] = useState(initialState);
 
   async function getPhotos(config = defaultConfig) {
     try {
-      const photos = await CameraRoll.getPhotos(config)
-      setPhotos(photos)
+      const photos = await CameraRoll.getPhotos(config);
+      setPhotos(photos);
     } catch (err) {
-      console.log('error: ', err)
+      console.log('error: ', err);
     }
   }
 
   async function saveToCameraRoll(tag: string, type?: 'photo' | 'video') {
     try {
-      await CameraRoll.saveToCameraRoll(tag, type)
+      await CameraRoll.saveToCameraRoll(tag, type);
     } catch (err) {
-      console.log('error saving to camera roll: ', err)
+      console.log('error saving to camera roll: ', err);
     }
   }
 
-  return [photos, getPhotos, saveToCameraRoll]
+  return [photos, getPhotos, saveToCameraRoll];
 }

src/useClipboard.ts

@@ -1,22 +1,22 @@
-import React, { useEffect, useState } from 'react'
-import { Clipboard } from 'react-native'
+import {useEffect, useState} from 'react';
+import {Clipboard} from 'react-native';
 
 export default function useClipBoard() {
-  const [data, updateClipboardData] = useState('')
+  const [data, updateClipboardData] = useState('');
 
   async function updateClipboard() {
-    const content = await Clipboard.getString()
-    updateClipboardData(content)
+    const content = await Clipboard.getString();
+    updateClipboardData(content);
   }
 
   useEffect(() => {
-    updateClipboard()
-  }, [])
+    updateClipboard();
+  }, []);
 
   function setString(content: string) {
-    Clipboard.setString(content)
-    updateClipboardData(content)
+    Clipboard.setString(content);
+    updateClipboardData(content);
   }
 
-  return [data, setString]
+  return [data, setString];
 }

src/useDeviceOrientation.ts

@@ -1,43 +1,43 @@
-import React, { useEffect, useState } from 'react'
-import { Dimensions, ScaledSize } from 'react-native'
+import {useEffect, useState, useCallback} from 'react';
+import {Dimensions, ScaledSize} from 'react-native';
 
-const screen = Dimensions.get('screen')
+const screen = Dimensions.get('screen');
 
 export default function() {
   const isOrientationPortrait = ({
     width,
     height,
   }: {
-    width: number
-    height: number
-  }) => height >= width
+    width: number;
+    height: number;
+  }) => height >= width;
   const isOrientationLandscape = ({
     width,
     height,
   }: {
-    width: number
-    height: number
-  }) => width >= height
+    width: number;
+    height: number;
+  }) => width >= height;
 
   const [orientation, setOrientation] = useState({
     portrait: isOrientationPortrait(screen),
     landscape: isOrientationLandscape(screen),
-  })
+  });
 
-  const onChange = ({ screen }: { screen: ScaledSize }) => {
+  const onChange = useCallback(({screen}: {screen: ScaledSize}) => {
     setOrientation({
       portrait: isOrientationPortrait(screen),
       landscape: isOrientationLandscape(screen),
-    })
-  }
+    });
+  }, []);
 
   useEffect(() => {
-    Dimensions.addEventListener('change', onChange)
+    Dimensions.addEventListener('change', onChange);
 
     return () => {
-      Dimensions.removeEventListener('change', onChange)
-    }
-  }, [orientation.portrait, orientation.landscape])
+      Dimensions.removeEventListener('change', onChange);
+    };
+  }, [orientation.portrait, orientation.landscape, onChange]);
 
-  return orientation
+  return orientation;
 }

src/useDimensions.ts

@@ -1,30 +1,30 @@
-import React, { useEffect, useState } from 'react'
-import { Dimensions, ScaledSize } from 'react-native'
+import {useEffect, useState} from 'react';
+import {Dimensions, ScaledSize} from 'react-native';
 
-const window = Dimensions.get('window')
-const screen = Dimensions.get('screen')
+const window = Dimensions.get('window');
+const screen = Dimensions.get('screen');
 
 export default function useDimensions() {
   const [dimensions, setDimensions] = useState({
     window,
     screen,
-  })
+  });
 
   const onChange = ({
     window,
     screen,
   }: {
-    window: ScaledSize
-    screen: ScaledSize
+    window: ScaledSize;
+    screen: ScaledSize;
   }) => {
-    setDimensions({ window, screen })
-  }
+    setDimensions({window, screen});
+  };
 
   useEffect(() => {
-    Dimensions.addEventListener('change', onChange)
+    Dimensions.addEventListener('change', onChange);
 
-    return () => Dimensions.removeEventListener('change', onChange)
-  }, [])
+    return () => Dimensions.removeEventListener('change', onChange);
+  }, []);
 
-  return dimensions
+  return dimensions;
 }

src/useInteractionManager.ts

@@ -1,13 +1,13 @@
-import React, { useEffect, useState } from 'react'
-import { InteractionManager } from 'react-native'
+import {useEffect, useState} from 'react';
+import {InteractionManager} from 'react-native';
 
 export default function useInteractionManager() {
-  const [complete, updateInteractionStatus] = useState(false)
+  const [complete, updateInteractionStatus] = useState(false);
 
   useEffect(() => {
     InteractionManager.runAfterInteractions(() => {
-      updateInteractionStatus(true)
-    })
-  }, [])
-  return complete
+      updateInteractionStatus(true);
+    });
+  }, []);
+  return complete;
 }