Automatically organize imports

component/charts/bar-graph/bar-graph.tsx

@@ -1,16 +1,16 @@
-import React from "react";
 import * as scale from "d3-scale";
+import React from "react";
 import { View } from "react-native";
 import { BarChart, XAxis, YAxis } from "react-native-svg-charts";
 
-import { useGraphData } from "../use-graph-data";
 import { GraphData, YAxisProps } from "../graph-types";
+import { useGraphData } from "../use-graph-data";
 
-import { CustomBars } from "../custom-bars";
-import { CustomGrid } from "../custom-grid";
+import ChartLabel from "../chart-label/chart-label";
 import { graphStyles } from "../chart-styles";
 import ChartView from "../chart-view";
-import ChartLabel from "../chart-label/chart-label";
+import { CustomBars } from "../custom-bars";
+import { CustomGrid } from "../custom-grid";
 
 interface Props {
 	data: GraphData;

component/charts/custom-bar-utils.ts

@@ -1,6 +1,6 @@
 import { path as d3 } from "d3-path";
 
-import { ScaleLinearType, ScaleBandType } from "./graph-types";
+import { ScaleBandType, ScaleLinearType } from "./graph-types";
 
 type BarCalculationProps = {
 	scaleX: ScaleBandType;

component/charts/custom-bars.tsx

@@ -1,8 +1,8 @@
 import { Svg } from "react-native-svg";
 
 import { Bar } from "./bar";
-import { ScaleBandType, ScaleLinearType } from "./graph-types";
 import { calculateBarWidth } from "./custom-bar-utils";
+import { ScaleBandType, ScaleLinearType } from "./graph-types";
 
 export interface CombinedData {
 	data: { value: number }[];

component/charts/line-graph/line-graph.tsx

@@ -1,13 +1,13 @@
-import React from "react";
 import * as shape from "d3-shape";
+import React from "react";
 import { View } from "react-native";
 import { LineChart, XAxis, YAxis } from "react-native-svg-charts";
 
-import { useGraphData } from "../use-graph-data";
-import { CustomGrid } from "../custom-grid";
 import { graphStyles } from "../chart-styles";
 import ChartView from "../chart-view";
+import { CustomGrid } from "../custom-grid";
 import { CommonProps } from "../graph-types";
+import { useGraphData } from "../use-graph-data";
 
 // TODO: separate PR will update useGraphData to take into account useCommonScale
 // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars

component/charts/use-graph-data.ts

@@ -1,8 +1,8 @@
 import { useMemo } from "react";
 
-import { convertToGraphData } from "./graph-utils";
 import { chartDefaults } from "./graph-config";
 import { GraphData, GraphProps, XValue, YAxisData } from "./graph-types";
+import { convertToGraphData } from "./graph-utils";
 
 interface useGraphDataInterface {
 	xValues: Array<XValue>;

component/shot.tsx

@@ -1,6 +1,6 @@
+import { GET_SHOTS } from "../graphql/query";
 import DisplayShots from "./display-shot";
 import withQueryHandling from "./with-query-handling";
-import { GET_SHOTS } from "../graphql/query";
 
 const ShotsContainer = withQueryHandling({
 	WrappedComponent: DisplayShots,

component/video/camera.tsx

@@ -1,19 +1,18 @@
+import { useIsFocused } from "@react-navigation/native";
 import React, { useCallback, useRef, useState } from "react";
 import { Button, StyleSheet, Text, View } from "react-native";
 import {
 	Camera,
-	useCameraPermission,
-	useCameraDevice,
-	useCameraFormat,
-	PhotoFile,
-	VideoFile,
 	CameraRuntimeError,
 	Orientation,
-	// @ts-ignore
+	PhotoFile,
+	VideoFile,
+	useCameraDevice,
+	useCameraFormat,
+	useCameraPermission,
 } from "react-native-vision-camera";
 import { RecordingButton } from "./capture-button";
 import { useIsForeground } from "./is-foreground";
-import { useIsFocused } from "@react-navigation/native";
 
 export default function CameraScreen({
 	route,

component/video/capture-button.tsx

@@ -1,12 +1,12 @@
+import { CameraRoll } from "@react-native-camera-roll/camera-roll";
 import React, { useCallback, useRef, useState } from "react";
 import {
-	TouchableOpacity,
-	StyleSheet,
-	View,
 	StyleProp,
+	StyleSheet,
+	TouchableOpacity,
+	View,
 	ViewStyle,
 } from "react-native";
-import { CameraRoll } from "@react-native-camera-roll/camera-roll";
 // @ts-ignore
 import { Camera } from "react-native-vision-camera/lib/typescript/Camera";
 // @ts-ignore

component/video/is-foreground.tsx

@@ -1,4 +1,4 @@
-import { useState, useEffect } from "react";
+import { useEffect, useState } from "react";
 import { AppState, AppStateStatus } from "react-native";
 
 export const useIsForeground = (): boolean => {

component/with-query-handling.tsx

@@ -1,5 +1,5 @@
+import { DocumentNode, OperationVariables, useQuery } from "@apollo/client";
 import React from "react";
-import { useQuery, DocumentNode, OperationVariables } from "@apollo/client";
 import { Text } from "react-native";
 /**
  * A higher-order component that provides loading and error handling for GraphQL queries.