use ChainLogo for SpacewalkTabs

pendulum-chain · Oct 30, 2024 · e333026 · e333026
1 parent 27ee2b4
commit e333026
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 15 deletions.
diff --git a/src/assets/ChainLogo.tsx b/src/assets/ChainLogo.tsx
@@ -8,13 +8,11 @@ interface Props extends HTMLAttributes<SVGSVGElement> {
   className?: string;
 }
 
-const ChainLogo = (props: Props) => {
+export const ChainLogo = (props: Props) => {
   const { tenantName } = useGlobalState();
   if (tenantName === TenantName.Pendulum) {
     return <PendulumLogo {...props} />;
   } else {
     return <AmplitudeLogo {...props} />;
   }
 };
-
-export default ChainLogo;
diff --git a/src/components/AccountCard/index.tsx b/src/components/AccountCard/index.tsx
@@ -1,7 +1,7 @@
 import { WalletAccount } from '@talismn/connect-wallets';
 import { trimAddress } from '../../helpers/addressFormatter';
 import { useGlobalState } from '../../GlobalStateProvider';
-import ChainLogo from '../../assets/ChainLogo';
+import { ChainLogo } from '../../assets/ChainLogo';
 
 interface AccountProps {
   account: WalletAccount;

diff --git a/src/pages/spacewalk/bridge/SpacewalkTabs/index.tsx b/src/pages/spacewalk/bridge/SpacewalkTabs/index.tsx
@@ -1,12 +1,9 @@
-import { BridgeTabs } from '..';
+import { useNodeInfoState } from '../../../../NodeInfoProvider';
 import { Tabs } from '../../../../components/Tabs';
-
-import { AmplitudeLogo } from '../../../../assets/AmplitudeLogo';
-import { PendulumLogo } from '../../../../assets/PendulumLogo';
 import StellarLogo from '../../../../assets/StellarLogo';
-import { TenantName } from '../../../../models/Tenant';
-import { useNodeInfoState } from '../../../../NodeInfoProvider';
 import { TabProps } from '../../../../components/Tabs/Tab';
+import { ChainLogo } from '../../../../assets/ChainLogo';
+import { BridgeTabs } from '..';
 
 interface SpacewalkTabsProps {
   activeTab: BridgeTabs;
@@ -21,10 +18,7 @@ export function SpacewalkTabs({ activeTab, setActiveTab }: SpacewalkTabsProps) {
   const ToPendulum = () =>
     chain ? (
       <>
-        {chain.toLowerCase() === TenantName.Pendulum && <PendulumLogo className="z-20 mr-1 h-6 w-6" />}
-        {(chain.toLowerCase() === TenantName.Amplitude || chain.toLowerCase() === TenantName.Foucoco) && (
-          <AmplitudeLogo className="z-20 mr-1 h-6 w-6" />
-        )}
+        <ChainLogo className="z-20 mr-1 h-6 w-6" />
         <p className="z-20 text-gray-500 group-data-[active=true]:text-black dark:text-white">To {chain}</p>
       </>
     ) : (

diff --git a/src/pages/staking/dialogs/DelegateToCollatorDialog.tsx b/src/pages/staking/dialogs/DelegateToCollatorDialog.tsx
@@ -2,7 +2,7 @@ import { yupResolver } from '@hookform/resolvers/yup';
 import { useMemo, useState } from 'preact/hooks';
 import { Button } from 'react-daisyui';
 import { useForm } from 'react-hook-form';
-import ChainLogo from '../../../assets/ChainLogo';
+import { ChainLogo } from '../../../assets/ChainLogo';
 import Amount from '../../../components/Form/Amount';
 import { PublicKey } from '../../../components/PublicKey';
 import { Dialog } from '../../../components/Dialog';