Run prettier for all files

centrifuge-app/src/components/Charts/Legend.tsx

@@ -1,5 +1,4 @@
 import { Grid, Shelf, Stack, Text } from '@centrifuge/fabric'
-import * as React from 'react'
 import { Tooltips, TooltipsProps } from '../Tooltips'
 
 export type LegendProps = {

centrifuge-app/src/components/DebugFlags/DebugFlags.tsx

@@ -1,7 +1,7 @@
 import { Box, Shelf, Stack, Text } from '@centrifuge/fabric'
 import * as React from 'react'
 import styled from 'styled-components'
-import { flagsConfig, Key } from './config'
+import { Key, flagsConfig } from './config'
 import { DebugFlagsContext, FlagsState, initialFlagsState, useDebugFlags } from './context'
 
 function DebugFlagsImpl({

centrifuge-app/src/components/Dialogs/CreateCollectionDialog.tsx

@@ -19,13 +19,13 @@ import {
   TextInput,
 } from '@centrifuge/fabric'
 import * as React from 'react'
+import { Navigate } from 'react-router'
 import { lastValueFrom } from 'rxjs'
 import { collectionMetadataSchema } from '../../schemas'
 import { Dec } from '../../utils/Decimal'
 import { getFileDataURI } from '../../utils/getFileDataURI'
 import { useAddress } from '../../utils/useAddress'
 import { ButtonGroup } from '../ButtonGroup'
-import { Navigate } from 'react-router'
 
 // TODO: replace with better fee estimate
 const CREATE_FEE_ESTIMATE = 2

centrifuge-app/src/components/Head.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import { Helmet } from 'react-helmet-async'
 import { config } from '../config'
 

centrifuge-app/src/components/InvestRedeem/InvestRedeemTinlakeProvider.tsx

@@ -123,7 +123,11 @@ export function InvestRedeemTinlakeProvider({ poolId, trancheId, children }: Pro
       remainingRedeemToken: disburse?.remainingRedeemToken || Dec(0),
     },
     collectAmount,
-    collectType: !disburse?.payoutCurrencyAmount.isZero() ? 'redeem' : !disburse?.payoutTokenAmount.isZero() ? 'invest' : null,
+    collectType: !disburse?.payoutCurrencyAmount.isZero()
+      ? 'redeem'
+      : !disburse?.payoutTokenAmount.isZero()
+      ? 'invest'
+      : null,
     needsToCollectBeforeOrder: !collectAmount.isZero(),
     needsPoolCurrencyApproval: () => !!trancheInvestment?.poolCurrencyAllowance.isZero(),
     needsTrancheTokenApproval: () => !!trancheInvestment?.tokenAllowance.isZero(),

centrifuge-app/src/components/LiquidityRewards/LiquidityRewardsClaimer.tsx

@@ -1,9 +1,8 @@
 import { Box, Button, Card, Shelf, Stack, Text } from '@centrifuge/fabric'
-import * as React from 'react'
 import { Dec } from '../../utils/Decimal'
 import { formatBalance, formatBalanceAbbreviated } from '../../utils/formatting'
-import { useClaimCountdown } from './hooks'
 import { useLiquidityRewards } from './LiquidityRewardsContext'
+import { useClaimCountdown } from './hooks'
 
 export function LiquidityRewardsClaimer() {
   const {

centrifuge-app/src/components/LiquidityRewards/LiquidityRewardsContainer.tsx

@@ -1,5 +1,4 @@
 import { Card, Stack } from '@centrifuge/fabric'
-import * as React from 'react'
 import { LiquidityRewardsClaimer } from './LiquidityRewardsClaimer'
 import { useLiquidityRewards } from './LiquidityRewardsContext'
 import { LiquidityRewardsStaker } from './LiquidityRewardsStaker'

centrifuge-app/src/components/LiquidityRewards/LiquidityRewardsProvider.tsx

@@ -1,12 +1,11 @@
 import { Pool, TokenBalance } from '@centrifuge/centrifuge-js'
 import { useBalances, useCentrifugeConsts, useCentrifugeTransaction } from '@centrifuge/centrifuge-react'
 import Decimal from 'decimal.js-light'
-import * as React from 'react'
 import { Dec } from '../../utils/Decimal'
 import { useAddress } from '../../utils/useAddress'
 import { usePendingCollect, usePool } from '../../utils/usePools'
-import { useAccountStakes, useComputeLiquidityRewards, useRewardCurrencyGroup } from './hooks'
 import { LiquidityRewardsContext } from './LiquidityRewardsContext'
+import { useAccountStakes, useComputeLiquidityRewards, useRewardCurrencyGroup } from './hooks'
 import { LiquidityRewardsActions, LiquidityRewardsProviderProps, LiquidityRewardsState } from './types'
 
 export function LiquidityRewardsProvider(props: LiquidityRewardsProviderProps) {

centrifuge-app/src/components/LiquidityRewards/LiquidityRewardsStaker.tsx

@@ -3,8 +3,8 @@ import * as React from 'react'
 import { millisecondsToDays } from '../../utils/date'
 import { formatBalance } from '../../utils/formatting'
 import { LightButton } from '../InvestRedeem/LightButton'
-import { useActiveEpochData } from './hooks'
 import { useLiquidityRewards } from './LiquidityRewardsContext'
+import { useActiveEpochData } from './hooks'
 
 export function LiquidityRewardsStaker() {
   const activeEpochData = useActiveEpochData()

centrifuge-app/src/components/Menu/PageLink.tsx

@@ -1,5 +1,5 @@
 import { Text } from '@centrifuge/fabric'
-import { useLocation, Link, LinkProps } from 'react-router-dom'
+import { Link, LinkProps, useLocation } from 'react-router-dom'
 import styled from 'styled-components'
 import { useIsAboveBreakpoint } from '../../utils/useIsAboveBreakpoint'
 import { prefetchRoute } from '../Root'

centrifuge-app/src/components/MenuSwitch.tsx

@@ -1,5 +1,4 @@
 import { SideNavigationContainer, SideNavigationItem } from '@centrifuge/fabric'
-import * as React from 'react'
 import { Link, useLocation } from 'react-router-dom'
 
 export function MenuSwitch({ links }: { links: { to: string; label: string }[] }) {

centrifuge-app/src/components/Onboarding/AlertBusinessVerification.tsx

@@ -1,5 +1,4 @@
 import { Box, IconX, Shelf, Text } from '@centrifuge/fabric'
-import * as React from 'react'
 import styled from 'styled-components'
 
 type AlertBusinessVerificationProps = {

centrifuge-app/src/components/Onboarding/index.tsx

@@ -25,6 +25,6 @@ export {
   Legend,
   Notification,
   NotificationBar,
-  ValidEmailTooltip,
   PoolBranding,
+  ValidEmailTooltip,
 }

centrifuge-app/src/components/PoolCard/PoolStatus.tsx

@@ -1,5 +1,4 @@
 import { StatusChip, StatusChipProps } from '@centrifuge/fabric'
-import * as React from 'react'
 
 export type PoolStatusKey = 'Maker Pool' | 'Open for investments' | 'Closed' | 'Upcoming' | 'Archived'
 

centrifuge-app/src/components/Portfolio/AssetClassChart.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import { Cell, Pie, PieChart as RechartsPieChart, Tooltip, TooltipProps } from 'recharts'
 import { formatBalanceAbbreviated, formatPercentage } from '../../utils/formatting'
 import { TooltipContainer, TooltipEntry, TooltipTitle } from '../Charts/Tooltip'

centrifuge-app/src/components/Portfolio/CoinsSvg.tsx

@@ -1,5 +1,3 @@
-import * as React from 'react'
-
 export function CoinsSvg() {
   return (
     <svg viewBox="0 0 119 72" fill="none" xmlns="http://www.w3.org/2000/svg">

centrifuge-app/src/components/PortfolioCta/Cubes.tsx

@@ -1,5 +1,3 @@
-import * as React from 'react'
-
 export function Cubes() {
   return (
     <svg

centrifuge-app/src/components/Report/ReportFilter.tsx

@@ -4,14 +4,14 @@ import { AnchorButton, Box, DateInput, SearchInput, Select, Shelf } from '@centr
 import * as React from 'react'
 import { useNavigate } from 'react-router'
 import { nftMetadataSchema } from '../../schemas'
+import { useBasePath } from '../../utils/useBasePath'
 import { useActiveDomains } from '../../utils/useLiquidityPools'
 import { useLoans } from '../../utils/useLoans'
 import { useMetadata } from '../../utils/useMetadata'
 import { useCentNFT } from '../../utils/useNFTs'
 import { useDebugFlags } from '../DebugFlags'
 import { GroupBy, Report, ReportContext } from './ReportContext'
 import { formatPoolFeeTransactionType } from './utils'
-import { useBasePath } from '../../utils/useBasePath'
 
 type ReportFilterProps = {
   pool: Pool

centrifuge-app/src/components/Root.tsx

@@ -157,8 +157,8 @@ const routes = [
   { path: '/issuer/create-pool', element: <IssuerCreatePoolPage /> },
   { path: '/history/:address', element: <TransactionHistoryPage /> },
   { path: '/history', element: <TransactionHistoryPage /> },
-  { path: '/pools/tokens', element: <TokenOverviewPage />},
-  { path: '/pools/:pid/assets/:aid', element: <LoanPage />},
+  { path: '/pools/tokens', element: <TokenOverviewPage /> },
+  { path: '/pools/:pid/assets/:aid', element: <LoanPage /> },
   { path: '/pools/:pid/transactions', element: <PoolTransactionsPage /> },
   { path: '/issuer/:pid/assets/create', element: <IssuerCreateLoanPage /> },
   { path: '/portfolio', element: <PortfolioPage /> },

centrifuge-app/src/components/Spinner.tsx

@@ -1,6 +1,5 @@
 import { Shelf, ShelfProps } from '@centrifuge/fabric'
 import { ThemeSize } from '@centrifuge/fabric/dist/utils/types'
-import * as React from 'react'
 import styled, { keyframes, useTheme } from 'styled-components'
 
 const rotate = keyframes`

centrifuge-app/src/components/TinlakeRewards/index.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import { useTinlakeUserRewards } from '../../utils/tinlake/useTinlakeRewards'
 import { useAddress } from '../../utils/useAddress'
 import { ClaimTinlakeRewards } from './ClaimTinlakeRewards'

centrifuge-app/src/components/TokenList.tsx

@@ -1,8 +1,8 @@
+import { useBasePath } from '@centrifuge/centrifuge-app/src/utils/useBasePath'
 import { CurrencyMetadata, PoolMetadata } from '@centrifuge/centrifuge-js'
 import { IconChevronRight, Shelf, Text, TextWithPlaceholder, Thumbnail } from '@centrifuge/fabric'
 import * as React from 'react'
 import { formatBalance, formatBalanceAbbreviated, formatPercentage } from '../utils/formatting'
-import { useBasePath } from '@centrifuge/centrifuge-app/src/utils/useBasePath'
 import { usePoolMetadata } from '../utils/usePools'
 import { Column, DataTable, SortableTableHeader } from './DataTable'
 import { Eththumbnail } from './EthThumbnail'

centrifuge-app/src/pages/IssuerPool/Configuration/Admins.tsx

@@ -12,7 +12,14 @@ import { Tooltips } from '../../../components/Tooltips'
 import { usePoolPermissions, useSuitableAccounts } from '../../../utils/usePermissions'
 import { AddAddressInput } from './AddAddressInput'
 
-type AdminRole = 'PoolAdmin' | 'Borrower' | 'PricingAdmin' | 'LiquidityAdmin' | 'InvestorAdmin' | 'LoanAdmin' | "PODReadAccess"
+type AdminRole =
+  | 'PoolAdmin'
+  | 'Borrower'
+  | 'PricingAdmin'
+  | 'LiquidityAdmin'
+  | 'InvestorAdmin'
+  | 'LoanAdmin'
+  | 'PODReadAccess'
 
 type Admin = {
   address: string
@@ -188,7 +195,7 @@ export function Admins({ poolId }: { poolId: string }) {
                     },
                     {
                       align: 'center',
-                      header: "Investor access",
+                      header: 'Investor access',
                       cell: (row: Row) => (
                         <Field
                           name={`admins.${row.index}.roles.PODReadAccess`}

centrifuge-app/src/pages/IssuerPool/Configuration/ViewLoanTemplate.tsx

@@ -1,5 +1,4 @@
 import { Box, Text } from '@centrifuge/fabric'
-import * as React from 'react'
 import { useParams } from 'react-router'
 import { LayoutBase } from '../../../components/LayoutBase'
 import { PageHeader } from '../../../components/PageHeader'

centrifuge-app/src/pages/IssuerPool/Reporting/index.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import { PoolReportPage } from '../../../components/Report/PoolReportPage'
 import { IssuerPoolHeader } from '../Header'
 

centrifuge-app/src/pages/Onboarding/EmailVerified.tsx

@@ -1,5 +1,4 @@
 import { Box, IconCheckCircle, Shelf, Spinner } from '@centrifuge/fabric'
-import React from 'react'
 import { Container, Content, ContentHeader, Header, Layout } from '../../components/Onboarding'
 import { config } from '../../config'
 import { useVerifyEmail } from './queries/useVerifyEmail'

centrifuge-app/src/pages/Onboarding/SignSubscriptionAgreement.tsx

@@ -11,10 +11,10 @@ import { PDFViewer } from '../../components/PDFViewer'
 import { ValidationToast } from '../../components/ValidationToast'
 import { OnboardingUser } from '../../types'
 import { usePool, usePoolMetadata } from '../../utils/usePools'
+import { TaxInfo } from './TaxInfo'
 import { useSignAndSendDocuments } from './queries/useSignAndSendDocuments'
 import { useSignRemark } from './queries/useSignRemark'
 import { useUploadTaxInfo } from './queries/useUploadTaxInfo'
-import { TaxInfo } from './TaxInfo'
 
 type Props = {
   signedAgreementUrl: string | undefined

centrifuge-app/src/pages/Onboarding/UpdateInvestorStatus.tsx

@@ -1,5 +1,4 @@
 import { AnchorButton, Box, IconArrowUpRight, Shelf, Spinner } from '@centrifuge/fabric'
-import React from 'react'
 import { useLocation } from 'react-router-dom'
 import { Container, Content, ContentHeader, Header, Layout } from '../../components/Onboarding'
 import { ethConfig } from '../../config'

centrifuge-app/src/pages/Onboarding/index.tsx

@@ -91,7 +91,7 @@ export default function OnboardingPage() {
     disconnect,
     setIsOnboardingExternally,
     externalSignature,
-    navigate
+    navigate,
   ])
 
   const { data: signedAgreementData } = useSignedAgreement()

centrifuge-app/src/pages/Pool/Reporting/index.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import { PoolReportPage } from '../../../components/Report/PoolReportPage'
 import { PoolDetailHeader } from '../Header'
 

centrifuge-app/src/pages/Pool/index.tsx

@@ -16,4 +16,4 @@ export default function PoolDetailPage() {
       <Route path="/" element={<PoolDetailOverviewTab />} />
     </Routes>
   )
-}
+}

centrifuge-app/src/pages/Portfolio/TransactionHistory.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import { useParams } from 'react-router'
 import { LayoutBase } from '../../components/LayoutBase'
 import { LayoutSection } from '../../components/LayoutBase/LayoutSection'

centrifuge-app/src/utils/tinlake/useEvmTransaction.ts

@@ -9,7 +9,7 @@ import {
 } from '@centrifuge/centrifuge-react'
 import { TransactionRequest, TransactionResponse } from '@ethersproject/providers'
 import * as React from 'react'
-import { lastValueFrom, Observable, tap } from 'rxjs'
+import { Observable, lastValueFrom, tap } from 'rxjs'
 
 export function useEvmTransaction<T extends Array<any>>(
   title: string,

centrifuge-app/src/utils/useAverageMaturity.ts

@@ -1,7 +1,7 @@
 import { ActiveLoan } from '@centrifuge/centrifuge-js'
 import * as React from 'react'
-import { daysBetween, formatAge } from './date'
 import { Dec } from './Decimal'
+import { daysBetween, formatAge } from './date'
 import { useLoans } from './useLoans'
 
 export const useAverageMaturity = (poolId: string) => {

centrifuge-app/src/utils/useBasePath.tsx

@@ -1,16 +1,16 @@
-import { useMatch } from 'react-router-dom';
+import { useMatch } from 'react-router-dom'
 
 export const useBasePath = (defaultPath: string = ''): string => {
-  const matchPools = useMatch({ path: '/pools', end: false });
-  const matchIssuer = useMatch({ path: '/issuer', end: false });
+  const matchPools = useMatch({ path: '/pools', end: false })
+  const matchIssuer = useMatch({ path: '/issuer', end: false })
 
   if (matchPools) {
-    return matchPools.pathnameBase;
+    return matchPools.pathnameBase
   }
 
   if (matchIssuer) {
-    return matchIssuer.pathnameBase;
+    return matchIssuer.pathnameBase
   }
 
-  return defaultPath;
-};
+  return defaultPath
+}

centrifuge-app/src/utils/useFilters.ts

@@ -50,8 +50,8 @@ export function useFilters<T>({ key: prefix = 'f_', data = [], useSearchParams =
   const filtered = data.filter((entry) => entries.every(([key, set]) => set.has(String(get(entry, key)))))
 
   React.useEffect(() => {
-    navigate({ search: params.toString() }, { replace: true });
-  }, [params, navigate]);
+    navigate({ search: params.toString() }, { replace: true })
+  }, [params, navigate])
 
   return {
     setFilter,

centrifuge-app/src/utils/useIsPageUnchanged.ts

@@ -1,9 +1,9 @@
-import { useLocation } from 'react-router-dom';
-import { useRef } from 'react';
+import { useRef } from 'react'
+import { useLocation } from 'react-router-dom'
 
 export function useIsPageUnchanged(): () => boolean {
-  const location = useLocation();
-  const initialPath = useRef(location.pathname);
+  const location = useLocation()
+  const initialPath = useRef(location.pathname)
 
-  return () => initialPath.current === location.pathname;
+  return () => initialPath.current === location.pathname
 }