refactor(tangle-dapp): Cleanup legacy code & re-organize project

apps/tangle-dapp/app/layout.tsx

@@ -10,7 +10,7 @@ import type React from 'react';
 import { cookieToInitialState } from 'wagmi';
 
 import { DEFAULT_OPENGRAPH_METADATA } from '../constants/openGraph';
-import { Layout } from '../containers';
+import Layout from '../containers/Layout';
 import Providers from './providers';
 
 export const dynamic = 'force-static';

apps/tangle-dapp/app/liquid-staking/page.tsx

@@ -16,9 +16,9 @@ import { FC, useEffect, useState } from 'react';
 import LsUnbondingTable from '../../components/LiquidStaking/LsUnbondingTable';
 import LsStakeCard from '../../components/LiquidStaking/stakeAndUnstake/LsStakeCard';
 import LsUnstakeCard from '../../components/LiquidStaking/stakeAndUnstake/LsUnstakeCard';
-import LsCreatePoolModal from '../../containers/LsCreatePoolModal';
-import LsMyProtocolsTable from '../../containers/LsMyProtocolsTable';
-import { LsAllProtocolsTable } from '../../containers/LsPoolsTable';
+import LsCreatePoolModal from '../../containers/liquidStaking/LsCreatePoolModal';
+import LsMyProtocolsTable from '../../containers/liquidStaking/LsMyProtocolsTable';
+import { LsAllProtocolsTable } from '../../containers/liquidStaking/poolTables';
 import { useLsStore } from '../../data/liquidStaking/useLsStore';
 import useIsAccountConnected from '../../hooks/useIsAccountConnected';
 import getLsTangleNetwork from '../../utils/liquidStaking/getLsTangleNetwork';

apps/tangle-dapp/app/nomination/[validatorAddress]/NodeSpecificationsTable.tsx

@@ -13,9 +13,9 @@ import { TableVariant } from '@webb-tools/webb-ui-components/components/Table/ty
 import cx from 'classnames';
 import { FC } from 'react';
 
-import { TableStatus } from '../../../components';
 import ContainerSkeleton from '../../../components/skeleton/ContainerSkeleton';
 import { HeaderCell } from '../../../components/tableCells';
+import TableStatus from '../../../components/TableStatus';
 import useNodeSpecifications from '../../../data/validatorDetails/useNodeSpecifications';
 import { NodeSpecification } from '../../../types';
 

apps/tangle-dapp/app/nomination/[validatorAddress]/page.tsx

@@ -1,7 +1,7 @@
 import { isAddress } from '@polkadot/util-crypto';
 import { notFound } from 'next/navigation';
 
-import { IS_PRODUCTION_ENV } from '../../../constants/env';
+import { IS_PRODUCTION_ENV } from '../../../constants';
 import InfoCard from './InfoCard';
 import NodeSpecificationsTable from './NodeSpecificationsTable';
 

apps/tangle-dapp/app/nomination/page.tsx

@@ -2,13 +2,11 @@ import { Typography } from '@webb-tools/webb-ui-components';
 import { Metadata } from 'next';
 
 import { OpenGraphPageImageUrl } from '../../constants/openGraph';
-import {
-  HeaderChipsContainer,
-  KeyStatsContainer,
-  NominationsPayoutsContainer,
-  NominatorStatsContainer,
-  ValidatorTablesContainer,
-} from '../../containers';
+import { KeyStatsContainer } from '../../containers';
+import HeaderChipsContainer from '../../containers/HeaderChipsContainer';
+import ActiveAndWaitingValidatorTables from '../../containers/nomination/ActiveAndWaitingValidatorTables';
+import NominationsPayoutsContainer from '../../containers/nomination/NominationsPayoutsContainer';
+import NominatorStatsContainer from '../../containers/nomination/NominatorStatsContainer';
 import createPageMetadata from '../../utils/createPageMetadata';
 
 export const dynamic = 'force-static';
@@ -37,7 +35,7 @@ export default function NominationPage() {
 
       <NominationsPayoutsContainer />
 
-      <ValidatorTablesContainer />
+      <ActiveAndWaitingValidatorTables />
     </div>
   );
 }

apps/tangle-dapp/app/page.tsx

@@ -3,7 +3,7 @@ import { Metadata } from 'next';
 import { FC } from 'react';
 
 import AccountSummaryCard from '../components/account/AccountSummaryCard';
-import BalancesTableContainer from '../containers/BalancesTableContainer/BalancesTableContainer';
+import BalancesTableContainer from '../containers/account/balances/BalancesTableContainer';
 import createPageMetadata from '../utils/createPageMetadata';
 
 export const dynamic = 'force-static';

apps/tangle-dapp/components/InputWrapper.tsx

@@ -5,19 +5,11 @@ import {
   InfoIconWithTooltip,
   Label,
 } from '@webb-tools/webb-ui-components';
-import {
-  Dispatch,
-  FC,
-  ReactNode,
-  SetStateAction,
-  useCallback,
-  useEffect,
-} from 'react';
+import { Dispatch, FC, ReactNode, SetStateAction, useCallback } from 'react';
 import { twMerge } from 'tailwind-merge';
 
-import InputAction from '../containers/ManageProfileModalContainer/InputAction';
-import { useErrorCountContext } from '../context/ErrorsContext';
 import ErrorMessage from './ErrorMessage';
+import InputAction from './InputAction';
 
 export type InputWrapperProps = {
   title: string;
@@ -58,23 +50,12 @@ const InputWrapper: FC<InputWrapperProps> = ({
   isDisabled = false,
   tooltip,
 }) => {
-  const { addError, removeError } = useErrorCountContext();
-
   const toggleDropdown = useCallback(() => {
     if (dropdownBody !== undefined && setIsDropdownVisible !== undefined) {
       setIsDropdownVisible((isVisible) => !isVisible);
     }
   }, [dropdownBody, setIsDropdownVisible]);
 
-  // TODO: Do not set error (or remove it if already set) if the input is disabled.
-  useEffect(() => {
-    if (errorMessage !== undefined) {
-      addError(id);
-    } else {
-      removeError(id);
-    }
-  }, [addError, errorMessage, id, removeError]);
-
   // Do not consider the input as having an error if it's disabled.
   const hasError = errorMessage !== undefined && !isDisabled;
 

apps/tangle-dapp/components/LiquidStaking/LsMyPoolsTable.tsx

@@ -37,10 +37,10 @@ import { AmountFormatStyle } from '../../utils/formatDisplayAmount';
 import getLsProtocolDef from '../../utils/liquidStaking/getLsProtocolDef';
 import tryEncodeAddressWithPrefix from '../../utils/liquidStaking/tryEncodeAddressWithPrefix';
 import pluralize from '../../utils/pluralize';
-import { TableStatus } from '..';
 import BlueIconButton from '../BlueIconButton';
 import PercentageCell from '../tableCells/PercentageCell';
 import TokenAmountCell from '../tableCells/TokenAmountCell';
+import TableStatus from '../TableStatus';
 import LstIcon from './LstIcon';
 import UpdateCommissionModal from './UpdateCommissionModal';
 

apps/tangle-dapp/components/LiquidStaking/LsProtocolDropdownInput.tsx

@@ -16,7 +16,7 @@ import getLsNetwork from '../../utils/liquidStaking/getLsNetwork';
 import getLsProtocolDef from '../../utils/liquidStaking/getLsProtocolDef';
 import DropdownChevronIcon from '../DropdownChevronIcon';
 import InputWrapper from '../InputWrapper';
-import LsTokenIcon from '../LsTokenIcon';
+import LsTokenIcon from './LsTokenIcon';
 
 type LsProtocolDropdownInputProps = {
   id: string;

apps/tangle-dapp/components/LiquidStaking/LsUnbondingTable.tsx

@@ -22,8 +22,9 @@ import useLsUnbonding from '../../data/liquidStaking/useLsUnbonding';
 import useIsAccountConnected from '../../hooks/useIsAccountConnected';
 import addCommasToNumber from '../../utils/addCommasToNumber';
 import pluralize from '../../utils/pluralize';
-import { ContainerSkeleton, TableStatus } from '..';
+import { ContainerSkeleton } from '..';
 import TokenAmountCell from '../tableCells/TokenAmountCell';
+import TableStatus from '../TableStatus';
 import LstIcon from './LstIcon';
 import WithdrawUnstakeRequestButton from './WithdrawUnstakeRequestButton';
 

apps/tangle-dapp/components/LiquidStaking/stakeAndUnstake/LsInput.tsx

@@ -7,7 +7,7 @@ import { twMerge } from 'tailwind-merge';
 
 import { LS_DERIVATIVE_TOKEN_PREFIX } from '../../../constants/liquidStaking/constants';
 import { LsNetworkId, LsToken } from '../../../constants/liquidStaking/types';
-import { ERROR_NOT_ENOUGH_BALANCE } from '../../../containers/ManageProfileModalContainer/Independent/IndependentAllocationInput';
+import { ERROR_NOT_ENOUGH_BALANCE } from '../../../containers/liquidStaking/LsCreatePoolModal';
 import { useLsStore } from '../../../data/liquidStaking/useLsStore';
 import useInputAmount from '../../../hooks/useInputAmount';
 import formatBn from '../../../utils/formatBn';

apps/tangle-dapp/components/LiquidStaking/stakeAndUnstake/LsNetworkSwitcher.tsx

@@ -14,7 +14,7 @@ import {
 import { FC, useCallback, useMemo } from 'react';
 import { twMerge } from 'tailwind-merge';
 
-import { IS_PRODUCTION_ENV } from '../../../constants/env';
+import { IS_PRODUCTION_ENV } from '../../../constants';
 import { LS_NETWORKS } from '../../../constants/liquidStaking/constants';
 import { LsNetworkId } from '../../../constants/liquidStaking/types';
 import { NETWORK_FEATURE_MAP } from '../../../constants/networks';

apps/tangle-dapp/components/LiquidStaking/stakeAndUnstake/LsSelectLstModal.tsx

@@ -19,8 +19,8 @@ import formatBn from '../../../utils/formatBn';
 import formatFractional from '../../../utils/formatFractional';
 import getLsProtocolDef from '../../../utils/liquidStaking/getLsProtocolDef';
 import { ListCardWrapper } from '../../Lists/ListCardWrapper';
-import ListStatus from '../../ListStatus';
-import SkeletonRows from '../../SkeletonRows';
+import ListStatus from '../../Lists/ListStatus';
+import SkeletonRows from '../../skeleton/SkeletonRows';
 import LstIcon, { LstIconSize } from '../LstIcon';
 
 export type LsSelectLstModalProps = {

apps/tangle-dapp/components/LiquidStaking/stakeAndUnstake/LsTokenChip.tsx

@@ -5,7 +5,7 @@ import { twMerge } from 'tailwind-merge';
 import { LS_DERIVATIVE_TOKEN_PREFIX } from '../../../constants/liquidStaking/constants';
 import { LsToken } from '../../../constants/liquidStaking/types';
 import DropdownChevronIcon from '../../DropdownChevronIcon';
-import LsTokenIcon from '../../LsTokenIcon';
+import LsTokenIcon from '../LsTokenIcon';
 
 type LsTokenChipProps = {
   token?: LsToken;