fix: prettier

src/components/AnchorForCommentsOnly/BaseAnchorForCommentsOnly.tsx

@@ -1,7 +1,7 @@
 import Str from 'expensify-common/lib/str';
 import React, {useEffect, useRef} from 'react';
 import type {Text as RNText} from 'react-native';
-import { StyleSheet} from 'react-native';
+import {StyleSheet} from 'react-native';
 import PressableWithSecondaryInteraction from '@components/PressableWithSecondaryInteraction';
 import Text from '@components/Text';
 import Tooltip from '@components/Tooltip';

src/components/ArchivedReportFooter.tsx

@@ -1,7 +1,7 @@
 import lodashEscape from 'lodash/escape';
 import React from 'react';
 import type {OnyxEntry} from 'react-native-onyx';
-import { withOnyx} from 'react-native-onyx';
+import {withOnyx} from 'react-native-onyx';
 import useLocalize from '@hooks/useLocalize';
 import useThemeStyles from '@hooks/useThemeStyles';
 import * as PersonalDetailsUtils from '@libs/PersonalDetailsUtils';

src/components/AutoCompleteSuggestions/BaseAutoCompleteSuggestions.tsx

@@ -1,6 +1,6 @@
 import {FlashList} from '@shopify/flash-list';
 import type {ForwardedRef, ReactElement} from 'react';
-import React, { forwardRef, useCallback, useEffect, useMemo, useRef} from 'react';
+import React, {forwardRef, useCallback, useEffect, useMemo, useRef} from 'react';
 import type {View} from 'react-native';
 // We take ScrollView from this package to properly handle the scrolling of AutoCompleteSuggestions in chats since one scroll is nested inside another
 import {ScrollView} from 'react-native-gesture-handler';

src/components/Avatar.tsx

@@ -1,6 +1,6 @@
 import React, {useEffect, useState} from 'react';
 import type {StyleProp, ViewStyle} from 'react-native';
-import { View} from 'react-native';
+import {View} from 'react-native';
 import useNetwork from '@hooks/useNetwork';
 import useStyleUtils from '@hooks/useStyleUtils';
 import useTheme from '@hooks/useTheme';

src/components/AvatarWithDisplayName.tsx

@@ -1,7 +1,7 @@
 import React, {useCallback, useEffect, useRef} from 'react';
 import {View} from 'react-native';
 import type {OnyxCollection, OnyxEntry} from 'react-native-onyx';
-import { withOnyx} from 'react-native-onyx';
+import {withOnyx} from 'react-native-onyx';
 import type {ValueOf} from 'type-fest';
 import useStyleUtils from '@hooks/useStyleUtils';
 import useTheme from '@hooks/useTheme';

src/components/Badge.tsx

@@ -1,6 +1,6 @@
 import React, {useCallback} from 'react';
 import type {GestureResponderEvent, PressableStateCallbackType, StyleProp, TextStyle, ViewStyle} from 'react-native';
-import { View} from 'react-native';
+import {View} from 'react-native';
 import useStyleUtils from '@hooks/useStyleUtils';
 import useThemeStyles from '@hooks/useThemeStyles';
 import CONST from '@src/CONST';

src/components/Banner.tsx

@@ -1,6 +1,6 @@
 import React, {memo} from 'react';
 import type {StyleProp, TextStyle, ViewStyle} from 'react-native';
-import { View} from 'react-native';
+import {View} from 'react-native';
 import useLocalize from '@hooks/useLocalize';
 import useStyleUtils from '@hooks/useStyleUtils';
 import useTheme from '@hooks/useTheme';

src/components/BaseMiniContextMenuItem.tsx

@@ -1,7 +1,7 @@
 import type {ForwardedRef} from 'react';
 import React from 'react';
 import type {PressableStateCallbackType} from 'react-native';
-import { View} from 'react-native';
+import {View} from 'react-native';
 import useStyleUtils from '@hooks/useStyleUtils';
 import useThemeStyles from '@hooks/useThemeStyles';
 import DomUtils from '@libs/DomUtils';

src/components/BlockingViews/BlockingView.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import type {ImageSourcePropType} from 'react-native';
-import { View} from 'react-native';
+import {View} from 'react-native';
 import type {SvgProps} from 'react-native-svg';
 import AutoEmailLink from '@components/AutoEmailLink';
 import Icon from '@components/Icon';

src/components/Breadcrumbs.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import type {StyleProp, ViewStyle} from 'react-native';
-import { View} from 'react-native';
+import {View} from 'react-native';
 import LogoComponent from '@assets/images/expensify-wordmark.svg';
 import useTheme from '@hooks/useTheme';
 import useThemeStyles from '@hooks/useThemeStyles';

src/components/Button/index.tsx

@@ -1,7 +1,7 @@
 import {useIsFocused} from '@react-navigation/native';
 import type {ForwardedRef} from 'react';
-import React, { useCallback} from 'react';
-import type { GestureResponderEvent, StyleProp, TextStyle, ViewStyle} from 'react-native';
+import React, {useCallback} from 'react';
+import type {GestureResponderEvent, StyleProp, TextStyle, ViewStyle} from 'react-native';
 import {ActivityIndicator, View} from 'react-native';
 import Icon from '@components/Icon';
 import * as Expensicons from '@components/Icon/Expensicons';

src/components/CardPreview.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import {View} from 'react-native';
 import type {OnyxEntry} from 'react-native-onyx';
-import { withOnyx} from 'react-native-onyx';
+import {withOnyx} from 'react-native-onyx';
 import ExpensifyCardImage from '@assets/images/expensify-card.svg';
 import usePrivatePersonalDetails from '@hooks/usePrivatePersonalDetails';
 import useThemeStyles from '@hooks/useThemeStyles';

src/components/Checkbox.tsx

@@ -1,7 +1,7 @@
-import React, { forwardRef  } from 'react';
+import React, {forwardRef} from 'react';
 import type {ForwardedRef, MouseEventHandler, KeyboardEvent as ReactKeyboardEvent} from 'react';
 import type {GestureResponderEvent, StyleProp, ViewStyle} from 'react-native';
-import { View} from 'react-native';
+import {View} from 'react-native';
 import useStyleUtils from '@hooks/useStyleUtils';
 import useTheme from '@hooks/useTheme';
 import useThemeStyles from '@hooks/useThemeStyles';

src/components/CheckboxWithLabel.tsx

@@ -1,7 +1,7 @@
 import type {ComponentType, ForwardedRef} from 'react';
-import React, { useState} from 'react';
+import React, {useState} from 'react';
 import type {StyleProp, ViewStyle} from 'react-native';
-import { View} from 'react-native';
+import {View} from 'react-native';
 import useThemeStyles from '@hooks/useThemeStyles';
 import variables from '@styles/variables';
 import Checkbox from './Checkbox';

src/components/Composer/index.android.tsx

@@ -1,6 +1,6 @@
 import type {ForwardedRef} from 'react';
-import React, { useCallback, useEffect, useMemo, useRef} from 'react';
-import type { TextInput} from 'react-native';
+import React, {useCallback, useEffect, useMemo, useRef} from 'react';
+import type {TextInput} from 'react-native';
 import {StyleSheet} from 'react-native';
 import RNTextInput from '@components/RNTextInput';
 import useTheme from '@hooks/useTheme';

src/components/Composer/index.ios.tsx

@@ -1,6 +1,6 @@
 import type {ForwardedRef} from 'react';
-import React, { useCallback, useEffect, useMemo, useRef} from 'react';
-import type { TextInput} from 'react-native';
+import React, {useCallback, useEffect, useMemo, useRef} from 'react';
+import type {TextInput} from 'react-native';
 import {StyleSheet} from 'react-native';
 import RNTextInput from '@components/RNTextInput';
 import useTheme from '@hooks/useTheme';

src/components/Composer/index.tsx

@@ -1,10 +1,10 @@
 import {useNavigation} from '@react-navigation/native';
 import ExpensiMark from 'expensify-common/lib/ExpensiMark';
 import type {BaseSyntheticEvent, ForwardedRef} from 'react';
-import React, { useCallback, useEffect, useMemo, useRef, useState} from 'react';
+import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react';
 import {flushSync} from 'react-dom';
 import type {DimensionValue, NativeSyntheticEvent, Text as RNText, TextInput, TextInputKeyPressEventData, TextInputProps, TextInputSelectionChangeEventData} from 'react-native';
-import { StyleSheet, View} from 'react-native';
+import {StyleSheet, View} from 'react-native';
 import type {AnimatedProps} from 'react-native-reanimated';
 import RNTextInput from '@components/RNTextInput';
 import Text from '@components/Text';

src/components/ConfirmContent.tsx

@@ -1,7 +1,7 @@
 import type {ReactNode} from 'react';
 import React from 'react';
 import type {StyleProp, TextStyle, ViewStyle} from 'react-native';
-import { View} from 'react-native';
+import {View} from 'react-native';
 import useLocalize from '@hooks/useLocalize';
 import useNetwork from '@hooks/useNetwork';
 import useTheme from '@hooks/useTheme';

src/components/CurrentWalletBalance.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import type {StyleProp, TextStyle} from 'react-native';
 import type {OnyxEntry} from 'react-native-onyx';
-import { withOnyx} from 'react-native-onyx';
+import {withOnyx} from 'react-native-onyx';
 import useThemeStyles from '@hooks/useThemeStyles';
 import * as CurrencyUtils from '@libs/CurrencyUtils';
 import ONYXKEYS from '@src/ONYXKEYS';

src/components/DeeplinkWrapper/DeeplinkRedirectLoadingIndicator.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import {View} from 'react-native';
 import type {OnyxEntry} from 'react-native-onyx';
-import { withOnyx} from 'react-native-onyx';
+import {withOnyx} from 'react-native-onyx';
 import Icon from '@components/Icon';
 import * as Expensicons from '@components/Icon/Expensicons';
 import * as Illustrations from '@components/Icon/Illustrations';

src/components/DisplayNames/DisplayNamesTooltipItem.tsx

@@ -1,5 +1,5 @@
 import type {RefObject} from 'react';
-import React, { useCallback} from 'react';
+import React, {useCallback} from 'react';
 import type {Text as RNText, StyleProp, TextStyle} from 'react-native';
 import Text from '@components/Text';
 import UserDetailsTooltip from '@components/UserDetailsTooltip';

src/components/DisplayNames/DisplayNamesWithTooltip.tsx

@@ -1,6 +1,6 @@
 import React, {Fragment, useCallback, useRef} from 'react';
 import type {Text as RNText} from 'react-native';
-import { View} from 'react-native';
+import {View} from 'react-native';
 import Text from '@components/Text';
 import Tooltip from '@components/Tooltip';
 import useThemeStyles from '@hooks/useThemeStyles';

src/components/DotIndicatorMessage.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable react/no-array-index-key */
 import React from 'react';
 import type {StyleProp, TextStyle, ViewStyle} from 'react-native';
-import { View} from 'react-native';
+import {View} from 'react-native';
 import useStyleUtils from '@hooks/useStyleUtils';
 import useTheme from '@hooks/useTheme';
 import useThemeStyles from '@hooks/useThemeStyles';

src/components/DraggableList/index.tsx

@@ -1,5 +1,5 @@
 import React, {useCallback} from 'react';
-import {DragDropContext, Draggable, Droppable } from 'react-beautiful-dnd';
+import {DragDropContext, Draggable, Droppable} from 'react-beautiful-dnd';
 import type {OnDragEndResponder} from 'react-beautiful-dnd';
 import {ScrollView} from 'react-native';
 import useThemeStyles from '@hooks/useThemeStyles';

src/components/EmojiSuggestions.tsx

@@ -1,5 +1,5 @@
 import type {ReactElement} from 'react';
-import React, { useCallback} from 'react';
+import React, {useCallback} from 'react';
 import {View} from 'react-native';
 import useStyleUtils from '@hooks/useStyleUtils';
 import useThemeStyles from '@hooks/useThemeStyles';

src/components/ExpensifyWordmark.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import type {StyleProp, ViewStyle} from 'react-native';
-import { View} from 'react-native';
+import {View} from 'react-native';
 import AdHocLogo from '@assets/images/expensify-logo--adhoc.svg';
 import DevLogo from '@assets/images/expensify-logo--dev.svg';
 import StagingLogo from '@assets/images/expensify-logo--staging.svg';

src/components/FixedFooter.tsx

@@ -1,7 +1,7 @@
 import type {ReactNode} from 'react';
 import React from 'react';
 import type {StyleProp, ViewStyle} from 'react-native';
-import { View} from 'react-native';
+import {View} from 'react-native';
 import useThemeStyles from '@hooks/useThemeStyles';
 
 type FixedFooterProps = {

src/components/FlatList/index.android.tsx

@@ -1,7 +1,7 @@
 import {useFocusEffect} from '@react-navigation/native';
 import type {ForwardedRef} from 'react';
-import React, { forwardRef, useCallback, useContext} from 'react';
-import type { FlatListProps} from 'react-native';
+import React, {forwardRef, useCallback, useContext} from 'react';
+import type {FlatListProps} from 'react-native';
 import {FlatList} from 'react-native';
 import {ActionListContext} from '@pages/home/ReportScreenContext';
 

src/components/FormAlertWithSubmitButton.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import type {StyleProp, ViewStyle} from 'react-native';
-import { View} from 'react-native';
+import {View} from 'react-native';
 import useThemeStyles from '@hooks/useThemeStyles';
 import Button from './Button';
 import FormAlertWrapper from './FormAlertWrapper';

src/components/FormAlertWrapper.tsx

@@ -1,7 +1,7 @@
 import type {ReactNode} from 'react';
 import React from 'react';
 import type {StyleProp, ViewStyle} from 'react-native';
-import { View} from 'react-native';
+import {View} from 'react-native';
 import useLocalize from '@hooks/useLocalize';
 import useThemeStyles from '@hooks/useThemeStyles';
 import type Network from '@src/types/onyx/Network';

src/components/FormElement.tsx

@@ -1,6 +1,6 @@
 import type {ForwardedRef} from 'react';
-import React, { forwardRef} from 'react';
-import type { ViewProps} from 'react-native';
+import React, {forwardRef} from 'react';
+import type {ViewProps} from 'react-native';
 import {View} from 'react-native';
 import * as ComponentUtils from '@libs/ComponentUtils';
 

src/components/FormHelpMessage.tsx

@@ -1,7 +1,7 @@
 import isEmpty from 'lodash/isEmpty';
 import React from 'react';
 import type {StyleProp, ViewStyle} from 'react-native';
-import { View} from 'react-native';
+import {View} from 'react-native';
 import useTheme from '@hooks/useTheme';
 import useThemeStyles from '@hooks/useThemeStyles';
 import * as Localize from '@libs/Localize';

src/components/FormScrollView.tsx

@@ -1,6 +1,6 @@
 import type {ForwardedRef} from 'react';
 import React from 'react';
-import type { ScrollViewProps} from 'react-native';
+import type {ScrollViewProps} from 'react-native';
 import {ScrollView} from 'react-native';
 import useThemeStyles from '@hooks/useThemeStyles';
 

src/components/FormSubmit/index.tsx

@@ -1,5 +1,5 @@
 import type {KeyboardEvent} from 'react';
-import React, { useEffect} from 'react';
+import React, {useEffect} from 'react';
 import {View} from 'react-native';
 import * as ComponentUtils from '@libs/ComponentUtils';
 import isEnterWhileComposition from '@libs/KeyboardShortcut/isEnterWhileComposition';

src/components/FullscreenLoadingIndicator.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StyleProp, ViewStyle} from 'react-native';
+import type {StyleProp, ViewStyle} from 'react-native';
 import {ActivityIndicator, StyleSheet, View} from 'react-native';
 import useTheme from '@hooks/useTheme';
 import useThemeStyles from '@hooks/useThemeStyles';

src/components/Header.tsx

@@ -1,7 +1,7 @@
 import type {ReactNode} from 'react';
 import React from 'react';
 import type {StyleProp, TextStyle} from 'react-native';
-import { View} from 'react-native';
+import {View} from 'react-native';
 import useThemeStyles from '@hooks/useThemeStyles';
 import EnvironmentBadge from './EnvironmentBadge';
 import Text from './Text';

src/components/Hoverable/index.tsx

@@ -1,5 +1,5 @@
 import type {ForwardedRef, MutableRefObject, ReactElement, RefAttributes} from 'react';
-import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState} from 'react';
+import React, {forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState} from 'react';
 import {DeviceEventEmitter} from 'react-native';
 import * as DeviceCapabilities from '@libs/DeviceCapabilities';
 import CONST from '@src/CONST';

src/components/IFrame.tsx

@@ -1,6 +1,6 @@
 import React, {useEffect, useState} from 'react';
 import type {OnyxEntry} from 'react-native-onyx';
-import { withOnyx} from 'react-native-onyx';
+import {withOnyx} from 'react-native-onyx';
 import ONYXKEYS from '@src/ONYXKEYS';
 import type {Session} from '@src/types/onyx';
 

src/components/Icon/BankIcons/index.native.ts

@@ -1,7 +1,7 @@
 import GenericBank from '@assets/images/bankicons/generic-bank-account.svg';
 import GenericBankCard from '@assets/images/cardicons/generic-bank-card.svg';
 import type {BankIconParams} from '@components/Icon/BankIconsUtils';
-import { getBankIconAsset, getBankNameKey} from '@components/Icon/BankIconsUtils';
+import {getBankIconAsset, getBankNameKey} from '@components/Icon/BankIconsUtils';
 import variables from '@styles/variables';
 import CONST from '@src/CONST';
 import type {BankIcon} from '@src/types/onyx/Bank';

src/components/Icon/BankIcons/index.ts

@@ -1,7 +1,7 @@
 import GenericBank from '@assets/images/bankicons/generic-bank-account.svg';
 import GenericBankCard from '@assets/images/cardicons/generic-bank-card.svg';
 import type {BankIconParams} from '@components/Icon/BankIconsUtils';
-import { getBankIconAsset, getBankNameKey} from '@components/Icon/BankIconsUtils';
+import {getBankIconAsset, getBankNameKey} from '@components/Icon/BankIconsUtils';
 import variables from '@styles/variables';
 import CONST from '@src/CONST';
 import type {BankIcon} from '@src/types/onyx/Bank';

src/components/Icon/index.tsx

@@ -1,7 +1,7 @@
 import type {ImageContentFit} from 'expo-image';
 import React from 'react';
 import type {StyleProp, ViewStyle} from 'react-native';
-import { View} from 'react-native';
+import {View} from 'react-native';
 import ImageSVG from '@components/ImageSVG';
 import useStyleUtils from '@hooks/useStyleUtils';
 import useThemeStyles from '@hooks/useThemeStyles';

src/components/ImageWithSizeCalculation.tsx

@@ -1,7 +1,7 @@
 import delay from 'lodash/delay';
 import React, {useEffect, useRef, useState} from 'react';
 import type {StyleProp, ViewStyle} from 'react-native';
-import { View} from 'react-native';
+import {View} from 'react-native';
 import useThemeStyles from '@hooks/useThemeStyles';
 import Log from '@libs/Log';
 import FullscreenLoadingIndicator from './FullscreenLoadingIndicator';

src/components/Indicator.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import {StyleSheet, View} from 'react-native';
 import type {OnyxCollection} from 'react-native-onyx';
-import { withOnyx} from 'react-native-onyx';
+import {withOnyx} from 'react-native-onyx';
 import type {OnyxEntry} from 'react-native-onyx/lib/types';
 import useTheme from '@hooks/useTheme';
 import useThemeStyles from '@hooks/useThemeStyles';

src/components/InlineCodeBlock/WrappedText.tsx

@@ -1,6 +1,6 @@
 import React, {Fragment} from 'react';
 import type {StyleProp, TextStyle, ViewStyle} from 'react-native';
-import { View} from 'react-native';
+import {View} from 'react-native';
 import Text from '@components/Text';
 import useThemeStyles from '@hooks/useThemeStyles';
 import CONST from '@src/CONST';

src/components/InvertedFlatList/BaseInvertedFlatList.tsx

@@ -1,5 +1,5 @@
 import type {ForwardedRef} from 'react';
-import React, { forwardRef} from 'react';
+import React, {forwardRef} from 'react';
 import type {FlatListProps} from 'react-native';
 import FlatList from '@components/FlatList';
 

src/components/InvertedFlatList/CellRendererComponent.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import type {StyleProp, ViewProps} from 'react-native';
-import { View} from 'react-native';
+import {View} from 'react-native';
 
 type CellRendererComponentProps = ViewProps & {
     index: number;