fix issues after history reorg

Author: fernandomg

typescript/ui/src/components/nav/Footer.tsx

@@ -1,9 +1,8 @@
-import { GithubIcon } from '@hyperlane-xyz/widgets';
 import Image from 'next/image';
 import Link from 'next/link';
 import { ReactNode } from 'react';
 
-import { DiscordIcon, GithubIcon, HyperlaneLogo, TwitterIcon } from '@hyperlane-xyz/widgets';
+import { GithubIcon } from '@hyperlane-xyz/widgets';
 
 import { links } from '../../consts/links';
 import Logo from '../../images/logos/app-logo.svg';

typescript/ui/src/features/WarpContextInitGate.tsx

@@ -1,6 +1,5 @@
-import { useTimeout } from '@hyperlane-xyz/widgets';
+import { ColorPalette, SpinnerIcon, useTimeout } from '@hyperlane-xyz/widgets';
 import { PropsWithChildren, useState } from 'react';
-import { Spinner } from '../components/animation/Spinner';
 import { useReadyMultiProvider } from './chains/hooks';
 
 const INIT_TIMEOUT = 10_000; // 10 seconds

typescript/ui/src/features/transfer/TransferTokenForm.tsx

@@ -1,6 +1,15 @@
 import { TokenAmount, WarpCore } from '@hyperlane-xyz/sdk';
-import { ProtocolType, errorToString, isNullish, toWei } from '@hyperlane-xyz/utils';
-import { ChevronIcon, IconButton, SpinnerIcon, SwapIcon } from '@hyperlane-xyz/widgets';
+import { errorToString, isNullish, ProtocolType, toWei } from '@hyperlane-xyz/utils';
+import {
+  AccountInfo,
+  ChevronIcon,
+  getAccountAddressAndPubKey,
+  IconButton,
+  SpinnerIcon,
+  SwapIcon,
+  useAccountAddressForChain,
+  useAccounts,
+} from '@hyperlane-xyz/widgets';
 import BigNumber from 'bignumber.js';
 import { Form, Formik, useFormikContext } from 'formik';
 import { useMemo, useState } from 'react';
@@ -10,7 +19,6 @@ import { ConnectAwareSubmitButton } from '../../components/buttons/ConnectAwareS
 import { SolidButton } from '../../components/buttons/SolidButton';
 import { TextField } from '../../components/input/TextField';
 import { config } from '../../consts/config';
-import SwapIcon from '../../images/icons/swap.svg';
 import { Color } from '../../styles/Color';
 import { logger } from '../../utils/logger';
 import { ChainConnectionWarning } from '../chains/ChainConnectionWarning';

typescript/ui/src/features/transfer/TransfersDetailsModal.tsx

@@ -1,17 +1,18 @@
 import { ProtocolType } from '@hyperlane-xyz/utils';
 import {
+  CopyButton,
   MessageStatus,
   MessageTimeline,
   Modal,
   SpinnerIcon,
+  useAccountForChain,
   useMessageTimeline,
   useTimeout,
   useWalletDetails,
   WideChevronIcon,
 } from '@hyperlane-xyz/widgets';
 import Image from 'next/image';
 import { useCallback, useEffect, useMemo, useState } from 'react';
-import { CopyButton } from '../../components/buttons/CopyButton';
 import { ChainLogo } from '../../components/icons/ChainLogo';
 import { TokenIcon } from '../../components/icons/TokenIcon';
 import LinkIcon from '../../images/icons/external-link-icon.svg';

typescript/ui/src/features/wallet/SideBarMenu.tsx

@@ -1,5 +1,4 @@
-import { AccountList } from '@hyperlane-xyz/widgets';
-import { SpinnerIcon } from '@hyperlane-xyz/widgets';
+import { AccountList, SpinnerIcon } from '@hyperlane-xyz/widgets';
 import Image from 'next/image';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { toast } from 'react-toastify';
@@ -78,28 +77,12 @@ export function SideBarMenu({
           <div className="w-full rounded-t-md bg-primary-500 px-3.5 py-2 text-base font-normal tracking-wider text-white">
             Connected Wallets
           </div>
-<<<<<<< HEAD
           <AccountList
             multiProvider={multiProvider}
             onClickConnectWallet={onClickConnectWallet}
             onCopySuccess={onCopySuccess}
             className="px-3 py-3"
           />
-=======
-          <div className="my-3 space-y-2 px-3">
-            {readyAccounts.map((acc, i) => (
-              <AccountSummary key={i} account={acc} />
-            ))}
-            <button onClick={onConnectWallet} className={`${styles.btn} pl-2.5`}>
-              <WalletIcon width={17} height={14} />
-              <div className="ml-2">Connect wallet</div>
-            </button>
-            <button onClick={onClickDisconnect} className={`${styles.btn} pl-2.5`}>
-              <LogoutIcon width={20} height={20} />
-              <div className="ml-2">Disconnect all wallets</div>
-            </button>
-          </div>
->>>>>>> daa5453 (feat: remove redundant components, add from widgets)
           <div className="mb-4 w-full bg-primary-500 px-3.5 py-2 text-base font-normal tracking-wider text-white">
             Transfer History
           </div>