chore: move some files

src/components/Create/Create.tsx

@@ -18,9 +18,9 @@ import { PayoutsPage } from './components/pages/PayoutsPage/PayoutsPage'
 import { ProjectDetailsPage } from './components/pages/ProjectDetails/ProjectDetailsPage'
 import { ProjectTokenPage } from './components/pages/ProjectToken/ProjectTokenPage'
 import { ReconfigurationRulesPage } from './components/pages/ReconfigurationRules/ReconfigurationRulesPage'
-import { DeploySuccess } from './components/pages/ReviewDeploy/components/DeploySuccess/DeploySuccess'
+import { DeploySuccess } from './components/pages/ReviewDeploy/components/DeploySuccess'
 import { ReviewDeployPage } from './components/pages/ReviewDeploy/ReviewDeployPage'
-import { PayoutsMigrationModal } from './components/PayoutsMigrationModal/PayoutsMigrationModal'
+import { PayoutsMigrationModal } from './components/PayoutsMigrationModal'
 import { Wizard } from './components/Wizard/Wizard'
 import { useLoadingInitialStateFromQuery } from './hooks/useLoadInitialStateFromQuery'
 

src/components/Create/components/pages/FundingCycles/FundingCyclesPage.tsx

@@ -20,7 +20,7 @@ import { durationMustExistRule } from 'utils/antdRules'
 import { CreateBadge } from '../../CreateBadge'
 import { CreateCollapse } from '../../CreateCollapse/CreateCollapse'
 import { Icons } from '../../Icons'
-import { OptionalHeader } from '../../OptionalHeader/OptionalHeader'
+import { OptionalHeader } from '../../OptionalHeader'
 import { Selection } from '../../Selection/Selection'
 import { Wizard } from '../../Wizard/Wizard'
 import { PageContext } from '../../Wizard/contexts/PageContext'

src/components/Create/components/pages/PayoutsPage/components/CreateFlowPayoutsTable.tsx

@@ -1,5 +1,5 @@
 import { Form } from 'antd'
-import PayoutsTable from 'components/v2v3/V2V3Project/V2V3ProjectSettings/pages/EditCyclePage/PayoutsSection/PayoutsTable'
+import { PayoutsTable } from 'components/v2v3/shared/PayoutsTable/PayoutsTable'
 import { CURRENCY_METADATA, CurrencyName } from 'constants/currency'
 import { Split } from 'models/splits'
 import { ReactNode } from 'react'

src/components/Create/components/pages/PayoutsPage/components/TreasuryOptionsRadio.tsx

@@ -3,8 +3,8 @@ import { RadioGroup } from '@headlessui/react'
 import { t } from '@lingui/macro'
 import { Callout } from 'components/Callout/Callout'
 import { DeleteConfirmationModal } from 'components/modals/DeleteConfirmationModal'
-import { SwitchToUnlimitedModal } from 'components/v2v3/V2V3Project/V2V3ProjectSettings/pages/EditCyclePage/PayoutsSection/PayoutsTable/modals/SwitchToUnlimitedModal'
-import { usePayoutsTable } from 'components/v2v3/V2V3Project/V2V3ProjectSettings/pages/EditCyclePage/PayoutsSection/hooks/usePayoutsTable'
+import { usePayoutsTable } from 'components/v2v3/shared/PayoutsTable/hooks/usePayoutsTable'
+import { SwitchToUnlimitedModal } from 'components/v2v3/shared/PayoutsTable/modals/SwitchToUnlimitedModal'
 import { useModal } from 'hooks/useModal'
 import { TreasurySelection } from 'models/treasurySelection'
 import { useCallback, useEffect, useMemo, useState } from 'react'

src/components/Create/components/pages/ProjectDetails/ProjectDetailsPage.tsx

@@ -25,7 +25,7 @@ import { inputIsLengthRule } from 'utils/antdRules/inputIsLengthRule'
 import { featureFlagEnabled } from 'utils/featureFlags'
 import { V2V3_CURRENCY_ETH, V2V3_CURRENCY_USD } from 'utils/v2v3/currency'
 import { CreateCollapse } from '../../CreateCollapse/CreateCollapse'
-import { OptionalHeader } from '../../OptionalHeader/OptionalHeader'
+import { OptionalHeader } from '../../OptionalHeader'
 import { PageContext } from '../../Wizard/contexts/PageContext'
 import { Wizard } from '../../Wizard/Wizard'
 import { useProjectDetailsForm } from './hooks/useProjectDetailsForm'

src/components/Create/components/pages/ProjectToken/ProjectTokenPage.tsx

@@ -13,7 +13,7 @@ import { Selection } from '../../Selection/Selection'
 import { PageContext } from '../../Wizard/contexts/PageContext'
 import { Wizard } from '../../Wizard/Wizard'
 import { CustomTokenSettings } from './components/CustomTokenSettings/CustomTokenSettings'
-import { DefaultSettings } from './components/DefaultSettings/DefaultSettings'
+import { DefaultSettings } from './components/DefaultSettings'
 import { useProjectTokensForm } from './hooks/useProjectTokenForm'
 
 export const ProjectTokenPage: React.FC<

src/components/Create/components/pages/ProjectToken/components/CustomTokenSettings/CustomTokenSettings.tsx

@@ -13,6 +13,7 @@ import {
   REDEMPTION_RATE_EXPLANATION,
 } from 'components/strings'
 import { TokenRedemptionRateGraph } from 'components/TokenRedemptionRateGraph/TokenRedemptionRateGraph'
+import { ReservedTokensList } from 'components/v2v3/shared/ReservedTokensList'
 import useMobile from 'hooks/useMobile'
 import { useAppSelector } from 'redux/hooks/useAppSelector'
 import { useEditingDistributionLimit } from 'redux/hooks/useEditingDistributionLimit'
@@ -21,8 +22,7 @@ import { formatAmount } from 'utils/format/formatAmount'
 import { MAX_DISTRIBUTION_LIMIT, MAX_MINT_RATE } from 'utils/v2v3/math'
 import * as ProjectTokenForm from '../../hooks/useProjectTokenForm'
 import { ProjectTokensFormProps } from '../../hooks/useProjectTokenForm'
-import { ReservedTokenRateCallout } from './components/ReservedTokenRateCallout/ReservedTokenRateCallout'
-import { ReservedTokensList } from './components/ReservedTokensList/ReservedTokensList'
+import { ReservedTokenRateCallout } from './ReservedTokenRateCallout'
 
 const calculateMintRateAfterDiscount = ({
   mintRate,

src/components/Create/components/pages/ProjectToken/components/CustomTokenSettings/components/ReservedTokenRateCallout/ReservedTokenRateCallout.tsx → src/components/Create/components/pages/ProjectToken/components/CustomTokenSettings/ReservedTokenRateCallout.tsx

@@ -3,7 +3,7 @@ import { Form } from 'antd'
 import { Callout } from 'components/Callout/Callout'
 import { useMemo } from 'react'
 import { formattedNum } from 'utils/format/formatNumber'
-import { ProjectTokensFormProps } from '../../../../hooks/useProjectTokenForm'
+import { ProjectTokensFormProps } from '../../hooks/useProjectTokenForm'
 
 export const ReservedTokenRateCallout: React.FC<
   React.PropsWithChildren<unknown>

src/components/Create/components/pages/ProjectToken/components/DefaultSettings/DefaultSettings.tsx → src/components/Create/components/pages/ProjectToken/components/DefaultSettings.tsx

@@ -11,7 +11,7 @@ import {
 import { ReactNode, useMemo } from 'react'
 import { formatAmount } from 'utils/format/formatAmount'
 import { formatBoolean } from 'utils/format/formatBoolean'
-import * as ProjectTokenForm from '../../hooks/useProjectTokenForm'
+import * as ProjectTokenForm from '../hooks/useProjectTokenForm'
 
 export const DefaultSettings: React.FC<
   React.PropsWithChildren<unknown>

src/components/Create/components/pages/ReviewDeploy/components/FundingConfigurationReview/FundingConfigurationReview.tsx

@@ -1,7 +1,7 @@
 import { t, Trans } from '@lingui/macro'
 import { Tooltip } from 'antd'
 import { CreateFlowPayoutsTable } from '../../../PayoutsPage/components/CreateFlowPayoutsTable'
-import { ReviewDescription } from '../ReviewDescription/ReviewDescription'
+import { ReviewDescription } from '../ReviewDescription'
 import { useFundingConfigurationReview } from './hooks/useFundingConfigurationReview'
 
 export const FundingConfigurationReview = () => {

src/components/Create/components/pages/ReviewDeploy/components/ProjectDetailsReview/ProjectDetailsReview.tsx

@@ -13,7 +13,7 @@ import { featureFlagEnabled } from 'utils/featureFlags'
 import { parseWad } from 'utils/format/formatNumber'
 import { ipfsUriToGatewayUrl } from 'utils/ipfs'
 import { wrapNonAnchorsInAnchor } from 'utils/wrapNonAnchorsInAnchor'
-import { ReviewDescription } from '../ReviewDescription/ReviewDescription'
+import { ReviewDescription } from '../ReviewDescription'
 
 export const ProjectDetailsReview = () => {
   const { userAddress } = useWallet()

src/components/Create/components/pages/ReviewDeploy/components/ProjectTokenReview/ProjectTokenReview.tsx

@@ -1,14 +1,14 @@
 import { t } from '@lingui/macro'
+import { ReservedTokensList } from 'components/v2v3/shared/ReservedTokensList'
 import { formatAmount } from 'utils/format/formatAmount'
 import {
   formatDiscountRate,
   formatIssuanceRate,
   formatRedemptionRate,
   formatReservedRate,
 } from 'utils/v2v3/math'
-import { ReservedTokensList } from '../../../ProjectToken/components/CustomTokenSettings/components/ReservedTokensList/ReservedTokensList'
 import * as ProjectTokenForm from '../../../ProjectToken/hooks/useProjectTokenForm'
-import { ReviewDescription } from '../ReviewDescription/ReviewDescription'
+import { ReviewDescription } from '../ReviewDescription'
 import { useProjectTokenReview } from './hooks/useProjectTokenReview'
 
 export const ProjectTokenReview = () => {

src/components/Create/components/pages/ReviewDeploy/components/RewardsReview/RewardsReview.tsx

@@ -7,7 +7,7 @@ import { useAppSelector } from 'redux/hooks/useAppSelector'
 import { editingV2ProjectActions } from 'redux/slices/editingV2Project'
 import { formatEnabled } from 'utils/format/formatBoolean'
 import { v4 } from 'uuid'
-import { ReviewDescription } from '../ReviewDescription/ReviewDescription'
+import { ReviewDescription } from '../ReviewDescription'
 
 export const RewardsReview = () => {
   const {

src/components/Create/components/pages/ReviewDeploy/components/RulesReview/RulesReview.tsx

@@ -1,6 +1,6 @@
 import { t } from '@lingui/macro'
 import EthereumAddress from 'components/EthereumAddress'
-import { ReviewDescription } from '../ReviewDescription/ReviewDescription'
+import { ReviewDescription } from '../ReviewDescription'
 import { useRulesReview } from './hooks/useRulesReview'
 
 export const RulesReview = () => {

src/components/NftRewards/AddNftCollectionForm/AddNftCollectionForm.tsx

@@ -11,7 +11,7 @@ import { inputMustExistRule } from 'utils/antdRules'
 import { helpPagePath } from 'utils/routes'
 import { CreateBadge } from '../../Create/components/CreateBadge'
 import { CreateCollapse } from '../../Create/components/CreateCollapse/CreateCollapse'
-import { OptionalHeader } from '../../Create/components/OptionalHeader/OptionalHeader'
+import { OptionalHeader } from '../../Create/components/OptionalHeader'
 import { RewardsList } from '../RewardsList/RewardsList'
 import { NftAdvancedFormItems } from './NftAdvancedFormItems'
 import { NftPaymentSuccessFormItems } from './NftPaymentSuccessFormItems'

src/components/NftRewards/RewardsList/AddEditRewardModal.tsx

@@ -29,7 +29,7 @@ import { withHttps } from 'utils/externalLink'
 import { ipfsGatewayUrl } from 'utils/ipfs'
 import { V2V3_CURRENCY_USD } from 'utils/v2v3/currency'
 import { CreateCollapse } from '../../Create/components/CreateCollapse/CreateCollapse'
-import { OptionalHeader } from '../../Create/components/OptionalHeader/OptionalHeader'
+import { OptionalHeader } from '../../Create/components/OptionalHeader'
 
 interface AddEditRewardModalFormProps {
   fileUrl: string

src/components/v2v3/V2V3Project/V2V3FundingCycleSection/modals/DistributePayoutsModal.tsx

@@ -5,6 +5,7 @@ import { Callout } from 'components/Callout/Callout'
 import FormattedNumberInput from 'components/inputs/FormattedNumberInput'
 import TransactionModal from 'components/modals/TransactionModal'
 import { FEES_EXPLANATION } from 'components/strings'
+import { PayoutsTable } from 'components/v2v3/shared/PayoutsTable/PayoutsTable'
 import { V2V3ProjectContext } from 'contexts/v2v3/Project/V2V3ProjectContext'
 import { BigNumber } from 'ethers'
 import { useCurrencyConverter } from 'hooks/useCurrencyConverter'
@@ -13,7 +14,6 @@ import { V2V3CurrencyOption } from 'models/v2v3/currencyOption'
 import { useContext, useEffect, useState } from 'react'
 import { fromWad, parseWad } from 'utils/format/formatNumber'
 import { V2V3_CURRENCY_USD, V2V3CurrencyName } from 'utils/v2v3/currency'
-import PayoutsTable from '../../V2V3ProjectSettings/pages/EditCyclePage/PayoutsSection/PayoutsTable'
 
 export default function DistributePayoutsModal({
   open,

src/components/v2v3/V2V3Project/V2V3ProjectSettings/pages/EditCyclePage/EditCyclePage.tsx

@@ -11,7 +11,7 @@ import { helpPagePath, settingsPagePath } from 'utils/routes'
 import { DetailsSection } from './DetailsSection'
 import { useEditCycleFormContext } from './EditCycleFormContext'
 import EditCycleFormSection from './EditCycleFormSection'
-import { PayoutsSection } from './PayoutsSection'
+import { PayoutsSection } from './PayoutsSection/PayoutsSection'
 import { ReviewConfirmModal } from './ReviewConfirmModal'
 import { TokensSection } from './TokensSection'
 import { useEditCycleFormHasError } from './hooks/useEditCycleFormHasError'

src/components/v2v3/V2V3Project/V2V3ProjectSettings/pages/EditCyclePage/PayoutsSection/PayoutsSection.tsx

@@ -2,11 +2,11 @@ import { Trans } from '@lingui/macro'
 import { Form } from 'antd'
 import { useWatch } from 'antd/lib/form/Form'
 import { JuiceSwitch } from 'components/inputs/JuiceSwitch'
+import { PayoutsTable } from 'components/v2v3/shared/PayoutsTable/PayoutsTable'
 import { CurrencyName } from 'constants/currency'
 import { Split } from 'models/splits'
 import { AdvancedDropdown } from '../AdvancedDropdown'
 import { useEditCycleFormContext } from '../EditCycleFormContext'
-import PayoutsTable from './PayoutsTable'
 
 export function PayoutsSection() {
   const { editCycleForm } = useEditCycleFormContext()

src/components/v2v3/V2V3Project/V2V3ProjectSettings/pages/ReservedTokensSettingsPage/V2V3EditReservedTokens.tsx

@@ -1,8 +1,8 @@
 import { Trans } from '@lingui/macro'
 import { Callout } from 'components/Callout/Callout'
-import { ReservedTokensList } from 'components/Create/components/pages/ProjectToken/components/CustomTokenSettings/components/ReservedTokensList/ReservedTokensList'
 import { CsvUpload } from 'components/inputs/CsvUpload'
 import { AllocationSplit } from 'components/v2v3/shared/Allocation/Allocation'
+import { ReservedTokensList } from 'components/v2v3/shared/ReservedTokensList'
 import { Split } from 'models/splits'
 import { useCallback } from 'react'
 import { parseV2SplitsCsv } from 'utils/csv'

src/components/v2v3/V2V3Project/V2V3ProjectSettings/pages/EditCyclePage/PayoutsSection/PayoutsTable/CurrencySwitcher.tsx → src/components/v2v3/shared/PayoutsTable/CurrencySwitcher.tsx

@@ -5,12 +5,12 @@ import { useCurrencyConverter } from 'hooks/useCurrencyConverter'
 import round from 'lodash/round'
 import { fromWad, parseWad } from 'utils/format/formatNumber'
 import { V2V3_CURRENCY_ETH, V2V3_CURRENCY_USD } from 'utils/v2v3/currency'
-import { usePayoutsTable } from '../hooks/usePayoutsTable'
 import {
   payoutsTableMenuItemsIconClass,
   payoutsTableMenuItemsLabelClass,
 } from './PayoutTableSettings'
 import { usePayoutsTableContext } from './context/PayoutsTableContext'
+import { usePayoutsTable } from './hooks/usePayoutsTable'
 
 export function CurrencySwitcher() {
   const { setCurrency: setCurrencyName } = usePayoutsTableContext()

src/components/v2v3/V2V3Project/V2V3ProjectSettings/pages/EditCyclePage/PayoutsSection/PayoutsTable/HeaderRows.tsx → src/components/v2v3/shared/PayoutsTable/HeaderRows.tsx

@@ -1,6 +1,5 @@
 import { PlusOutlined } from '@ant-design/icons'
 import { Trans } from '@lingui/macro'
-
 import { Button } from 'antd'
 import { ExternalLinkWithIcon } from 'components/v2v3/V2V3Project/ProjectDashboard/components/ui/ExternalLinkWithIcon'
 import {
@@ -9,10 +8,10 @@ import {
 } from 'components/v2v3/shared/Allocation/AddEditAllocationModal'
 import { useState } from 'react'
 import { helpPagePath } from 'utils/routes'
-import { usePayoutsTable } from '../hooks/usePayoutsTable'
 import { PayoutTableSettings } from './PayoutTableSettings'
 import { PayoutsTableCell } from './PayoutsTableCell'
 import { usePayoutsTableContext } from './context/PayoutsTableContext'
+import { usePayoutsTable } from './hooks/usePayoutsTable'
 
 export function HeaderRows() {
   const [addRecipientModalOpen, setAddRecipientModalOpen] = useState<boolean>()

src/components/v2v3/V2V3Project/V2V3ProjectSettings/pages/EditCyclePage/PayoutsSection/PayoutsTable/PayoutSplitRow.tsx → src/components/v2v3/shared/PayoutsTable/PayoutSplitRow.tsx

@@ -6,12 +6,12 @@ import {
 import round from 'lodash/round'
 import { Split } from 'models/splits'
 import { useState } from 'react'
-import { usePayoutsTable } from '../hooks/usePayoutsTable'
 import { PayoutSplitRowMenu } from './PayoutSplitRowMenu'
 import { PayoutTitle } from './PayoutTitle'
 import { PayoutsTableCell } from './PayoutsTableCell'
 import { PayoutsTableRow } from './PayoutsTableRow'
 import { usePayoutsTableContext } from './context/PayoutsTableContext'
+import { usePayoutsTable } from './hooks/usePayoutsTable'
 
 const Cell = PayoutsTableCell
 

src/components/v2v3/V2V3Project/V2V3ProjectSettings/pages/EditCyclePage/PayoutsSection/PayoutsTable/PayoutTableSettings.tsx → src/components/v2v3/shared/PayoutsTable/PayoutTableSettings.tsx

@@ -6,7 +6,7 @@ import { handleConfirmationDeletion } from 'components/v2v3/V2V3Project/ProjectD
 import { useState } from 'react'
 import { ReduxDistributionLimit } from 'redux/hooks/useEditingDistributionLimit'
 import { fromWad } from 'utils/format/formatNumber'
-import { usePayoutsTable } from '../hooks/usePayoutsTable'
+import { usePayoutsTable } from './hooks/usePayoutsTable'
 import { SwitchToUnlimitedModal } from './modals/SwitchToUnlimitedModal'
 
 export const payoutsTableMenuItemsLabelClass = 'flex gap-2 items-center text-sm'

src/components/v2v3/V2V3Project/V2V3ProjectSettings/pages/EditCyclePage/PayoutsSection/PayoutsTable/PayoutsTableBody.tsx → src/components/v2v3/shared/PayoutsTable/PayoutsTableBody.tsx

@@ -3,14 +3,14 @@ import { Form } from 'antd'
 import { Allocation } from 'components/v2v3/shared/Allocation/Allocation'
 import { twMerge } from 'tailwind-merge'
 import { getV2V3CurrencyOption } from 'utils/v2v3/currency'
-import { usePayoutsTable } from '../hooks/usePayoutsTable'
 import { CurrencySwitcher } from './CurrencySwitcher'
 import { HeaderRows } from './HeaderRows'
 import { PayoutSplitRow } from './PayoutSplitRow'
 import { PayoutsTableCell } from './PayoutsTableCell'
 import { PayoutsTableRow } from './PayoutsTableRow'
 import { TotalRows } from './TotalRows'
 import { usePayoutsTableContext } from './context/PayoutsTableContext'
+import { usePayoutsTable } from './hooks/usePayoutsTable'
 
 const Row = PayoutsTableRow
 const Cell = PayoutsTableCell

src/components/v2v3/V2V3Project/V2V3ProjectSettings/pages/EditCyclePage/PayoutsSection/PayoutsTable/TotalRows.tsx → src/components/v2v3/shared/PayoutsTable/TotalRows.tsx

@@ -2,9 +2,9 @@ import { Trans, t } from '@lingui/macro'
 import { Tooltip } from 'antd'
 import TooltipLabel from 'components/TooltipLabel'
 import round from 'lodash/round'
-import { usePayoutsTable } from '../hooks/usePayoutsTable'
 import { PayoutsTableCell } from './PayoutsTableCell'
 import { PayoutsTableRow } from './PayoutsTableRow'
+import { usePayoutsTable } from './hooks/usePayoutsTable'
 
 const Row = PayoutsTableRow
 const Cell = PayoutsTableCell

src/components/v2v3/V2V3Project/V2V3ProjectSettings/pages/EditCyclePage/PayoutsSection/hooks/usePayoutsTable.tsx → src/components/v2v3/shared/PayoutsTable/hooks/usePayoutsTable.tsx

@@ -27,8 +27,8 @@ import {
   getNewDistributionLimit,
 } from 'utils/v2v3/distributions'
 import { MAX_DISTRIBUTION_LIMIT, SPLITS_TOTAL_PERCENT } from 'utils/v2v3/math'
-import { useEditCycleFormContext } from '../../EditCycleFormContext'
-import { usePayoutsTableContext } from '../PayoutsTable/context/PayoutsTableContext'
+import { useEditCycleFormContext } from '../../../V2V3Project/V2V3ProjectSettings/pages/EditCyclePage/EditCycleFormContext'
+import { usePayoutsTableContext } from '../context/PayoutsTableContext'
 
 export const usePayoutsTable = () => {
   const {