chore: apply lint

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