Automatically organize imports
This commit is contained in:
parent
2276605e6d
commit
bfd96d9ccc
6
App.tsx
6
App.tsx
@ -1,7 +1,7 @@
|
|||||||
import React from "react";
|
|
||||||
import AppNavigator from "./navigation/app-navigator";
|
|
||||||
import { ClientProvider, useAuthHeader } from "./graphql/client";
|
|
||||||
import { DEV_USER_ID } from "@env";
|
import { DEV_USER_ID } from "@env";
|
||||||
|
import React from "react";
|
||||||
|
import { ClientProvider, useAuthHeader } from "./graphql/client";
|
||||||
|
import AppNavigator from "./navigation/app-navigator";
|
||||||
|
|
||||||
const SetAuthHeaderBasedOnEnv = () => {
|
const SetAuthHeaderBasedOnEnv = () => {
|
||||||
const { setAuthHeader } = useAuthHeader();
|
const { setAuthHeader } = useAuthHeader();
|
||||||
|
@ -1,16 +1,16 @@
|
|||||||
import React from "react";
|
|
||||||
import * as scale from "d3-scale";
|
import * as scale from "d3-scale";
|
||||||
|
import React from "react";
|
||||||
import { View } from "react-native";
|
import { View } from "react-native";
|
||||||
import { BarChart, XAxis, YAxis } from "react-native-svg-charts";
|
import { BarChart, XAxis, YAxis } from "react-native-svg-charts";
|
||||||
|
|
||||||
import { useGraphData } from "../use-graph-data";
|
|
||||||
import { GraphData, YAxisProps } from "../graph-types";
|
import { GraphData, YAxisProps } from "../graph-types";
|
||||||
|
import { useGraphData } from "../use-graph-data";
|
||||||
|
|
||||||
import { CustomBars } from "../custom-bars";
|
import ChartLabel from "../chart-label/chart-label";
|
||||||
import { CustomGrid } from "../custom-grid";
|
|
||||||
import { graphStyles } from "../chart-styles";
|
import { graphStyles } from "../chart-styles";
|
||||||
import ChartView from "../chart-view";
|
import ChartView from "../chart-view";
|
||||||
import ChartLabel from "../chart-label/chart-label";
|
import { CustomBars } from "../custom-bars";
|
||||||
|
import { CustomGrid } from "../custom-grid";
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
data: GraphData;
|
data: GraphData;
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
import { path as d3 } from "d3-path";
|
import { path as d3 } from "d3-path";
|
||||||
|
|
||||||
import { ScaleLinearType, ScaleBandType } from "./graph-types";
|
import { ScaleBandType, ScaleLinearType } from "./graph-types";
|
||||||
|
|
||||||
type BarCalculationProps = {
|
type BarCalculationProps = {
|
||||||
scaleX: ScaleBandType;
|
scaleX: ScaleBandType;
|
||||||
|
@ -1,8 +1,8 @@
|
|||||||
import { Svg } from "react-native-svg";
|
import { Svg } from "react-native-svg";
|
||||||
|
|
||||||
import { Bar } from "./bar";
|
import { Bar } from "./bar";
|
||||||
import { ScaleBandType, ScaleLinearType } from "./graph-types";
|
|
||||||
import { calculateBarWidth } from "./custom-bar-utils";
|
import { calculateBarWidth } from "./custom-bar-utils";
|
||||||
|
import { ScaleBandType, ScaleLinearType } from "./graph-types";
|
||||||
|
|
||||||
export interface CombinedData {
|
export interface CombinedData {
|
||||||
data: { value: number }[];
|
data: { value: number }[];
|
||||||
|
@ -1,13 +1,13 @@
|
|||||||
import React from "react";
|
|
||||||
import * as shape from "d3-shape";
|
import * as shape from "d3-shape";
|
||||||
|
import React from "react";
|
||||||
import { View } from "react-native";
|
import { View } from "react-native";
|
||||||
import { LineChart, XAxis, YAxis } from "react-native-svg-charts";
|
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 { graphStyles } from "../chart-styles";
|
||||||
import ChartView from "../chart-view";
|
import ChartView from "../chart-view";
|
||||||
|
import { CustomGrid } from "../custom-grid";
|
||||||
import { CommonProps } from "../graph-types";
|
import { CommonProps } from "../graph-types";
|
||||||
|
import { useGraphData } from "../use-graph-data";
|
||||||
|
|
||||||
// TODO: separate PR will update useGraphData to take into account useCommonScale
|
// TODO: separate PR will update useGraphData to take into account useCommonScale
|
||||||
// eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
|
// eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
|
||||||
|
@ -1,8 +1,8 @@
|
|||||||
import { useMemo } from "react";
|
import { useMemo } from "react";
|
||||||
|
|
||||||
import { convertToGraphData } from "./graph-utils";
|
|
||||||
import { chartDefaults } from "./graph-config";
|
import { chartDefaults } from "./graph-config";
|
||||||
import { GraphData, GraphProps, XValue, YAxisData } from "./graph-types";
|
import { GraphData, GraphProps, XValue, YAxisData } from "./graph-types";
|
||||||
|
import { convertToGraphData } from "./graph-utils";
|
||||||
|
|
||||||
interface useGraphDataInterface {
|
interface useGraphDataInterface {
|
||||||
xValues: Array<XValue>;
|
xValues: Array<XValue>;
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
|
import { GET_SHOTS } from "../graphql/query";
|
||||||
import DisplayShots from "./display-shot";
|
import DisplayShots from "./display-shot";
|
||||||
import withQueryHandling from "./with-query-handling";
|
import withQueryHandling from "./with-query-handling";
|
||||||
import { GET_SHOTS } from "../graphql/query";
|
|
||||||
|
|
||||||
const ShotsContainer = withQueryHandling({
|
const ShotsContainer = withQueryHandling({
|
||||||
WrappedComponent: DisplayShots,
|
WrappedComponent: DisplayShots,
|
||||||
|
@ -1,19 +1,18 @@
|
|||||||
|
import { useIsFocused } from "@react-navigation/native";
|
||||||
import React, { useCallback, useRef, useState } from "react";
|
import React, { useCallback, useRef, useState } from "react";
|
||||||
import { Button, StyleSheet, Text, View } from "react-native";
|
import { Button, StyleSheet, Text, View } from "react-native";
|
||||||
import {
|
import {
|
||||||
Camera,
|
Camera,
|
||||||
useCameraPermission,
|
|
||||||
useCameraDevice,
|
|
||||||
useCameraFormat,
|
|
||||||
PhotoFile,
|
|
||||||
VideoFile,
|
|
||||||
CameraRuntimeError,
|
CameraRuntimeError,
|
||||||
Orientation,
|
Orientation,
|
||||||
// @ts-ignore
|
PhotoFile,
|
||||||
|
VideoFile,
|
||||||
|
useCameraDevice,
|
||||||
|
useCameraFormat,
|
||||||
|
useCameraPermission,
|
||||||
} from "react-native-vision-camera";
|
} from "react-native-vision-camera";
|
||||||
import { RecordingButton } from "./capture-button";
|
import { RecordingButton } from "./capture-button";
|
||||||
import { useIsForeground } from "./is-foreground";
|
import { useIsForeground } from "./is-foreground";
|
||||||
import { useIsFocused } from "@react-navigation/native";
|
|
||||||
|
|
||||||
export default function CameraScreen({
|
export default function CameraScreen({
|
||||||
route,
|
route,
|
||||||
|
@ -1,12 +1,12 @@
|
|||||||
|
import { CameraRoll } from "@react-native-camera-roll/camera-roll";
|
||||||
import React, { useCallback, useRef, useState } from "react";
|
import React, { useCallback, useRef, useState } from "react";
|
||||||
import {
|
import {
|
||||||
TouchableOpacity,
|
|
||||||
StyleSheet,
|
|
||||||
View,
|
|
||||||
StyleProp,
|
StyleProp,
|
||||||
|
StyleSheet,
|
||||||
|
TouchableOpacity,
|
||||||
|
View,
|
||||||
ViewStyle,
|
ViewStyle,
|
||||||
} from "react-native";
|
} from "react-native";
|
||||||
import { CameraRoll } from "@react-native-camera-roll/camera-roll";
|
|
||||||
// @ts-ignore
|
// @ts-ignore
|
||||||
import { Camera } from "react-native-vision-camera/lib/typescript/Camera";
|
import { Camera } from "react-native-vision-camera/lib/typescript/Camera";
|
||||||
// @ts-ignore
|
// @ts-ignore
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
import { useState, useEffect } from "react";
|
import { useEffect, useState } from "react";
|
||||||
import { AppState, AppStateStatus } from "react-native";
|
import { AppState, AppStateStatus } from "react-native";
|
||||||
|
|
||||||
export const useIsForeground = (): boolean => {
|
export const useIsForeground = (): boolean => {
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
|
import { DocumentNode, OperationVariables, useQuery } from "@apollo/client";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { useQuery, DocumentNode, OperationVariables } from "@apollo/client";
|
|
||||||
import { Text } from "react-native";
|
import { Text } from "react-native";
|
||||||
/**
|
/**
|
||||||
* A higher-order component that provides loading and error handling for GraphQL queries.
|
* A higher-order component that provides loading and error handling for GraphQL queries.
|
||||||
|
@ -1,19 +1,19 @@
|
|||||||
|
import {
|
||||||
|
ApolloClient,
|
||||||
|
ApolloLink,
|
||||||
|
ApolloProvider,
|
||||||
|
HttpLink,
|
||||||
|
InMemoryCache,
|
||||||
|
from,
|
||||||
|
} from "@apollo/client";
|
||||||
|
import { API_URI } from "@env";
|
||||||
import React, {
|
import React, {
|
||||||
ReactNode,
|
ReactNode,
|
||||||
createContext,
|
createContext,
|
||||||
useContext,
|
useContext,
|
||||||
useState,
|
|
||||||
useMemo,
|
useMemo,
|
||||||
|
useState,
|
||||||
} from "react";
|
} from "react";
|
||||||
import {
|
|
||||||
ApolloClient,
|
|
||||||
ApolloLink,
|
|
||||||
InMemoryCache,
|
|
||||||
ApolloProvider,
|
|
||||||
HttpLink,
|
|
||||||
from,
|
|
||||||
} from "@apollo/client";
|
|
||||||
import { API_URI } from "@env";
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
children: ReactNode;
|
children: ReactNode;
|
||||||
|
@ -1,13 +1,13 @@
|
|||||||
import { useColorScheme } from "react-native";
|
|
||||||
import {
|
import {
|
||||||
NavigationContainer,
|
|
||||||
DarkTheme,
|
DarkTheme,
|
||||||
DefaultTheme,
|
DefaultTheme,
|
||||||
|
NavigationContainer,
|
||||||
} from "@react-navigation/native";
|
} from "@react-navigation/native";
|
||||||
import { createNativeStackNavigator } from "@react-navigation/native-stack";
|
import { createNativeStackNavigator } from "@react-navigation/native-stack";
|
||||||
|
import { useColorScheme } from "react-native";
|
||||||
|
|
||||||
import Tabs from "./tab-navigator";
|
|
||||||
import Login from "../screens/login";
|
import Login from "../screens/login";
|
||||||
|
import Tabs from "./tab-navigator";
|
||||||
|
|
||||||
const Stack = createNativeStackNavigator();
|
const Stack = createNativeStackNavigator();
|
||||||
|
|
||||||
|
@ -1,8 +1,8 @@
|
|||||||
import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
|
import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
|
||||||
|
import { createNativeStackNavigator } from "@react-navigation/native-stack";
|
||||||
import { Image } from "react-native";
|
import { Image } from "react-native";
|
||||||
import CameraScreen from "../component/video/camera";
|
import CameraScreen from "../component/video/camera";
|
||||||
import Session from "../screens/session";
|
import Session from "../screens/session";
|
||||||
import { createNativeStackNavigator } from "@react-navigation/native-stack";
|
|
||||||
import RecordScreen from "../screens/video-stack/record";
|
import RecordScreen from "../screens/video-stack/record";
|
||||||
|
|
||||||
// TODO: add ts support for assets folder to use imports
|
// TODO: add ts support for assets folder to use imports
|
||||||
|
@ -71,5 +71,10 @@
|
|||||||
"prettier-plugin-organize-imports": "^3.2.4",
|
"prettier-plugin-organize-imports": "^3.2.4",
|
||||||
"typescript": "^5.3.3"
|
"typescript": "^5.3.3"
|
||||||
},
|
},
|
||||||
"private": true
|
"private": true,
|
||||||
|
"prettier": {
|
||||||
|
"plugins": [
|
||||||
|
"prettier-plugin-organize-imports"
|
||||||
|
]
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
@ -1,14 +1,14 @@
|
|||||||
import React, { useState, useEffect } from "react";
|
import auth, { FirebaseAuthTypes } from "@react-native-firebase/auth";
|
||||||
|
import React, { useEffect, useState } from "react";
|
||||||
import {
|
import {
|
||||||
Alert,
|
Alert,
|
||||||
Button,
|
Button,
|
||||||
View,
|
Keyboard,
|
||||||
Text,
|
Text,
|
||||||
TextInput,
|
TextInput,
|
||||||
TouchableWithoutFeedback,
|
TouchableWithoutFeedback,
|
||||||
Keyboard,
|
View,
|
||||||
} from "react-native";
|
} from "react-native";
|
||||||
import auth, { FirebaseAuthTypes } from "@react-native-firebase/auth";
|
|
||||||
|
|
||||||
// This code is beginning of Auth Implementation - actual implementation will differ and involve more UI
|
// This code is beginning of Auth Implementation - actual implementation will differ and involve more UI
|
||||||
// Does not have a restart or proper handling of code confirmation, should only be used for obtaining token/testing
|
// Does not have a restart or proper handling of code confirmation, should only be used for obtaining token/testing
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
import React from "react";
|
import React from "react";
|
||||||
import { View, StyleSheet } from "react-native";
|
import { StyleSheet, View } from "react-native";
|
||||||
import BarGraph from "../component/charts/bar-graph/bar-graph";
|
import BarGraph from "../component/charts/bar-graph/bar-graph";
|
||||||
import { graph_data_two_measures } from "../mock/charts/mock-data";
|
import { graph_data_two_measures } from "../mock/charts/mock-data";
|
||||||
|
|
||||||
|
@ -1,11 +1,11 @@
|
|||||||
import React, { useCallback, useState } from "react";
|
import React, { useCallback, useState } from "react";
|
||||||
import {
|
import {
|
||||||
View,
|
|
||||||
TextInput,
|
|
||||||
TouchableWithoutFeedback,
|
|
||||||
Text,
|
|
||||||
TouchableOpacity,
|
|
||||||
Keyboard,
|
Keyboard,
|
||||||
|
Text,
|
||||||
|
TextInput,
|
||||||
|
TouchableOpacity,
|
||||||
|
TouchableWithoutFeedback,
|
||||||
|
View,
|
||||||
} from "react-native";
|
} from "react-native";
|
||||||
import DropDownPicker from "react-native-dropdown-picker";
|
import DropDownPicker from "react-native-dropdown-picker";
|
||||||
import { recordStyles as styles } from "./styles";
|
import { recordStyles as styles } from "./styles";
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
import React from "react";
|
|
||||||
import { render } from "@testing-library/react-native";
|
import { render } from "@testing-library/react-native";
|
||||||
|
import React from "react";
|
||||||
import BarGraph from "../../component/charts/bar-graph/bar-graph";
|
import BarGraph from "../../component/charts/bar-graph/bar-graph";
|
||||||
import { graph_data_two_measures } from "../../mock/charts/mock-data";
|
import { graph_data_two_measures } from "../../mock/charts/mock-data";
|
||||||
|
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
import React from "react";
|
|
||||||
import { render } from "@testing-library/react-native";
|
|
||||||
import "@testing-library/jest-native/extend-expect";
|
import "@testing-library/jest-native/extend-expect";
|
||||||
|
import { render } from "@testing-library/react-native";
|
||||||
|
import React from "react";
|
||||||
|
|
||||||
import ChartLabel from "../../component/charts/chart-label/chart-label";
|
import ChartLabel from "../../component/charts/chart-label/chart-label";
|
||||||
|
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
|
import "@testing-library/jest-native/extend-expect";
|
||||||
|
import { render } from "@testing-library/react-native";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { Text } from "react-native";
|
import { Text } from "react-native";
|
||||||
import { render } from "@testing-library/react-native";
|
|
||||||
import "@testing-library/jest-native/extend-expect";
|
|
||||||
|
|
||||||
import ChartView from "../../component/charts/chart-view";
|
import ChartView from "../../component/charts/chart-view";
|
||||||
|
|
||||||
|
@ -1,13 +1,13 @@
|
|||||||
import React from "react";
|
|
||||||
import { render } from "@testing-library/react-native";
|
|
||||||
import "@testing-library/jest-native/extend-expect";
|
import "@testing-library/jest-native/extend-expect";
|
||||||
|
import { render } from "@testing-library/react-native";
|
||||||
import * as scale from "d3-scale";
|
import * as scale from "d3-scale";
|
||||||
|
import React from "react";
|
||||||
|
|
||||||
import { CustomBars } from "../../component/charts/custom-bars";
|
|
||||||
import {
|
import {
|
||||||
calculateBarOrigin,
|
calculateBarOrigin,
|
||||||
drawBarPath,
|
drawBarPath,
|
||||||
} from "../../component/charts/custom-bar-utils";
|
} from "../../component/charts/custom-bar-utils";
|
||||||
|
import { CustomBars } from "../../component/charts/custom-bars";
|
||||||
|
|
||||||
const mockYScaleFunction = scale.scaleLinear();
|
const mockYScaleFunction = scale.scaleLinear();
|
||||||
const mockXScaleFunction = scale.scaleBand();
|
const mockXScaleFunction = scale.scaleBand();
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
import React from "react";
|
|
||||||
import { render } from "@testing-library/react-native";
|
import { render } from "@testing-library/react-native";
|
||||||
|
import React from "react";
|
||||||
import LineGraph from "../../component/charts/line-graph/line-graph";
|
import LineGraph from "../../component/charts/line-graph/line-graph";
|
||||||
import { line_chart_two_y_data } from "../../mock/charts/mock-data";
|
import { line_chart_two_y_data } from "../../mock/charts/mock-data";
|
||||||
|
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
import { renderHook } from "@testing-library/react-native";
|
import { renderHook } from "@testing-library/react-native";
|
||||||
import { useGraphData } from "../../component/charts/use-graph-data";
|
|
||||||
import { GraphData, GraphProps } from "../../component/charts/graph-types";
|
import { GraphData, GraphProps } from "../../component/charts/graph-types";
|
||||||
|
import { useGraphData } from "../../component/charts/use-graph-data";
|
||||||
|
|
||||||
describe("useGraphData", () => {
|
describe("useGraphData", () => {
|
||||||
it("should return correctly processed data from convertToGraphData", () => {
|
it("should return correctly processed data from convertToGraphData", () => {
|
||||||
|
@ -1,9 +1,9 @@
|
|||||||
import React from "react";
|
|
||||||
import { render, cleanup, waitFor } from "@testing-library/react-native";
|
|
||||||
import "@testing-library/jest-native/extend-expect";
|
|
||||||
import { gql, useQuery } from "@apollo/client";
|
import { gql, useQuery } from "@apollo/client";
|
||||||
import withQueryHandling from "../../component/with-query-handling";
|
import "@testing-library/jest-native/extend-expect";
|
||||||
|
import { cleanup, render, waitFor } from "@testing-library/react-native";
|
||||||
|
import React from "react";
|
||||||
import { Text } from "react-native";
|
import { Text } from "react-native";
|
||||||
|
import withQueryHandling from "../../component/with-query-handling";
|
||||||
|
|
||||||
jest.mock("@apollo/client", () => ({
|
jest.mock("@apollo/client", () => ({
|
||||||
...jest.requireActual("@apollo/client"),
|
...jest.requireActual("@apollo/client"),
|
||||||
|
Loading…
Reference in New Issue
Block a user