From cbf7497e93841102361528fc1e5ea04734bbaeda Mon Sep 17 00:00:00 2001
From: Chid Gilovitz <chid@talisman.xyz>
Date: Tue, 10 Dec 2024 10:33:00 +0800
Subject: [PATCH] chore: yeet staking banners (#1734)

---
 .../apps/popup/components/StakingBanner.tsx   |  74 ---------
 .../pages/Portfolio/PortfolioAccounts.tsx     |  10 --
 .../AssetsTable/DashboardAssetRow.tsx         |  53 +------
 .../domains/Portfolio/PortfolioContainer.tsx  |   9 +-
 .../src/ui/domains/Staking/helpers.ts         |  48 ------
 .../domains/Staking/useShowStakingBanner.ts   |  46 ------
 .../ui/domains/Staking/useStakingBanner.tsx   | 135 -----------------
 .../ui/hooks/__tests__/useAppState.spec.ts    |   7 -
 apps/extension/src/ui/state/index.ts          |   1 -
 apps/extension/src/ui/state/stakingBanner.ts  |   8 -
 .../src/domains/app/popupSummaries.ts         |   5 +-
 .../src/domains/app/store.app.ts              |   4 -
 .../src/domains/staking/constants.ts          |  39 -----
 .../src/domains/staking/helpers.ts            |  11 --
 .../domains/staking/store.StakingBanners.ts   |  15 --
 .../src/domains/staking/types.ts              |   4 -
 .../src/domains/staking/utils.ts              | 143 ------------------
 packages/extension-core/src/index.ts          |   6 -
 packages/extension-core/src/types/domains.ts  |   1 -
 19 files changed, 5 insertions(+), 614 deletions(-)
 delete mode 100644 apps/extension/src/ui/apps/popup/components/StakingBanner.tsx
 delete mode 100644 apps/extension/src/ui/domains/Staking/useShowStakingBanner.ts
 delete mode 100644 apps/extension/src/ui/domains/Staking/useStakingBanner.tsx
 delete mode 100644 apps/extension/src/ui/state/stakingBanner.ts
 delete mode 100644 packages/extension-core/src/domains/staking/constants.ts
 delete mode 100644 packages/extension-core/src/domains/staking/helpers.ts
 delete mode 100644 packages/extension-core/src/domains/staking/store.StakingBanners.ts
 delete mode 100644 packages/extension-core/src/domains/staking/types.ts
 delete mode 100644 packages/extension-core/src/domains/staking/utils.ts

diff --git a/apps/extension/src/ui/apps/popup/components/StakingBanner.tsx b/apps/extension/src/ui/apps/popup/components/StakingBanner.tsx
deleted file mode 100644
index 44b449d001..0000000000
--- a/apps/extension/src/ui/apps/popup/components/StakingBanner.tsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import { ExternalLinkIcon, XIcon, ZapIcon } from "@talismn/icons"
-import { MouseEventHandler, Suspense, useCallback, useMemo } from "react"
-import { Trans, useTranslation } from "react-i18next"
-
-import { TALISMAN_WEB_APP_STAKING_URL } from "@extension/shared"
-import { SuspenseTracker } from "@talisman/components/SuspenseTracker"
-import { useStakingBanner } from "@ui/domains/Staking/useStakingBanner"
-import { useAnalytics } from "@ui/hooks/useAnalytics"
-
-export const StakingBannerInner = ({ addresses }: { addresses: string[] }) => {
-  const { showStakingBanner, dismissStakingBanner } = useStakingBanner()
-  const { genericEvent } = useAnalytics()
-  const { t } = useTranslation()
-
-  const showNomPoolStakingBanner = useMemo(
-    () => showStakingBanner({ addresses }),
-    [addresses, showStakingBanner],
-  )
-
-  const handleClickStakingBanner = useCallback(() => {
-    window.open(TALISMAN_WEB_APP_STAKING_URL)
-    genericEvent("open web app staking from banner", { from: "popup" })
-  }, [genericEvent])
-
-  const handleDismissStakingBanner: MouseEventHandler<SVGSVGElement> = useCallback(
-    (e) => {
-      e.preventDefault()
-      e.stopPropagation()
-      dismissStakingBanner()
-      genericEvent("dismiss staking banner", { from: "popup" })
-    },
-    [genericEvent, dismissStakingBanner],
-  )
-
-  return (
-    <>
-      {showNomPoolStakingBanner && (
-        <button
-          type="button"
-          onClick={handleClickStakingBanner}
-          className="staking-banner bg-primary-500 text-primary-500 flex h-28 w-full items-center justify-between rounded-sm bg-opacity-10 p-[1rem]"
-        >
-          <div className="flex gap-2">
-            <div className="self-center">
-              <ZapIcon className="h-[2.6rem] w-[2.6rem]" />
-            </div>
-            <div className="flex flex-col justify-start gap-[0.2rem] text-start text-sm text-white">
-              <span className="font-bold">{t("Earn Staking Rewards")}</span>
-              <div className="inline-flex gap-1 text-xs">
-                <Trans
-                  t={t}
-                  defaults={`You have assets that can be staked. <Highlight>Earn now <ExternalLinkIcon /></Highlight>`}
-                  components={{
-                    Highlight: <span className="text-primary-500 flex gap-1" />,
-                    ExternalLinkIcon: <ExternalLinkIcon />,
-                  }}
-                />
-              </div>
-            </div>
-          </div>
-          <div className="self-start">
-            <XIcon role="button" onClick={handleDismissStakingBanner} className="h-6" />
-          </div>
-        </button>
-      )}
-    </>
-  )
-}
-
-export const StakingBanner = ({ addresses }: { addresses: string[] }) => (
-  <Suspense fallback={<SuspenseTracker name="StakingBanner" />}>
-    <StakingBannerInner addresses={addresses} />
-  </Suspense>
-)
diff --git a/apps/extension/src/ui/apps/popup/pages/Portfolio/PortfolioAccounts.tsx b/apps/extension/src/ui/apps/popup/pages/Portfolio/PortfolioAccounts.tsx
index 24dd9adf05..7252975df8 100644
--- a/apps/extension/src/ui/apps/popup/pages/Portfolio/PortfolioAccounts.tsx
+++ b/apps/extension/src/ui/apps/popup/pages/Portfolio/PortfolioAccounts.tsx
@@ -28,7 +28,6 @@ import { api } from "@ui/api"
 import { AnalyticsPage, sendAnalyticsEvent } from "@ui/api/analytics"
 import { AllAccountsHeader } from "@ui/apps/popup/components/AllAccountsHeader"
 import { NewFeaturesButton } from "@ui/apps/popup/components/NewFeaturesButton"
-import { StakingBanner } from "@ui/apps/popup/components/StakingBanner"
 import { AccountFolderIcon } from "@ui/domains/Account/AccountFolderIcon"
 import { AccountIconCopyAddressButton } from "@ui/domains/Account/AccountIconCopyAddressButton"
 import { AccountsLogoStack } from "@ui/domains/Account/AccountsLogoStack"
@@ -183,9 +182,6 @@ const AccountButton: FC<{ option: AccountAccountOption }> = ({ option }) => {
   )
 }
 
-const accountTypeGuard = (option: AccountOption): option is AccountAccountOption =>
-  option.type === "account"
-
 const AccountsToolbar = () => {
   const { t } = useTranslation()
   const navigate = useNavigate()
@@ -292,11 +288,6 @@ const Accounts = ({
   const hasPortfolioOptions = portfolioOptions.length > 0
   const hasWatchedOptions = watchedOptions.length > 0
 
-  const addresses = useMemo(
-    () => portfolioOptions.filter(accountTypeGuard).map(({ address }) => address),
-    [portfolioOptions],
-  )
-
   return (
     <div className="flex w-full flex-col gap-4">
       {folder ? (
@@ -305,7 +296,6 @@ const Accounts = ({
         <>
           <AllAccountsHeader accounts={accounts} />
           <NewFeaturesButton />
-          <StakingBanner addresses={addresses} />
         </>
       )}
 
diff --git a/apps/extension/src/ui/domains/Portfolio/AssetsTable/DashboardAssetRow.tsx b/apps/extension/src/ui/domains/Portfolio/AssetsTable/DashboardAssetRow.tsx
index b038083fee..9c28abab46 100644
--- a/apps/extension/src/ui/domains/Portfolio/AssetsTable/DashboardAssetRow.tsx
+++ b/apps/extension/src/ui/domains/Portfolio/AssetsTable/DashboardAssetRow.tsx
@@ -1,13 +1,12 @@
-import { ExternalLinkIcon, XIcon, ZapFastIcon, ZapIcon } from "@talismn/icons"
+import { ZapFastIcon } from "@talismn/icons"
 import { classNames } from "@talismn/util"
 import { useCallback } from "react"
-import { Trans, useTranslation } from "react-i18next"
+import { useTranslation } from "react-i18next"
 
 import { Balances } from "@extension/core"
 import { Fiat } from "@ui/domains/Asset/Fiat"
 import { BondPillButton } from "@ui/domains/Staking/Bond/BondPillButton"
 import { useBondButton } from "@ui/domains/Staking/Bond/useBondButton"
-import { useShowStakingBanner } from "@ui/domains/Staking/useShowStakingBanner"
 import { useAnalytics } from "@ui/hooks/useAnalytics"
 import { useBalancesStatus } from "@ui/hooks/useBalancesStatus"
 import { useNavigateWithQuery } from "@ui/hooks/useNavigateWithQuery"
@@ -19,47 +18,6 @@ import { useTokenBalancesSummary } from "../useTokenBalancesSummary"
 import { NetworksLogoStack } from "./NetworksLogoStack"
 import { usePortfolioNetworkIds } from "./usePortfolioNetworkIds"
 
-const AssetRowStakingReminder = (props: ReturnType<typeof useShowStakingBanner>) => {
-  const { t } = useTranslation()
-
-  const { message, colours, handleClickStakingBanner, handleDismissStakingBanner } = props
-  const { token, summary } = useTokenBalancesSummary(props.balances)
-
-  if (!token || !summary) return null
-
-  return (
-    <div
-      className={classNames(
-        colours?.["text"],
-        colours?.["background"],
-        `flex h-[4.1rem] w-full cursor-pointer items-center justify-between rounded-t px-8 text-sm`,
-      )}
-    >
-      <button type="button" className="flex items-center gap-4" onClick={handleClickStakingBanner}>
-        <ZapIcon className="shrink-0" />{" "}
-        <div className="text-left">
-          <Trans
-            t={t}
-            components={{
-              Highlight: <span className="text-white" />,
-              LinkIcon: (
-                <span className="inline-flex shrink-0 flex-col justify-center">
-                  <ExternalLinkIcon className="inline-block shrink-0" />
-                </span>
-              ),
-            }}
-            defaults="<Highlight>Earn yield on your {{symbol}}.</Highlight> {{message}} <LinkIcon />"
-            values={{ symbol: token.symbol, message }}
-          />
-        </div>
-      </button>
-      <button type="button" className="shrink-0">
-        <XIcon onClick={handleDismissStakingBanner} />
-      </button>
-    </div>
-  )
-}
-
 type AssetRowProps = {
   balances: Balances
 }
@@ -84,19 +42,14 @@ export const AssetRow = ({ balances }: AssetRowProps) => {
 
   const { canBondNomPool } = useBondButton({ tokenId: token?.id, balances })
 
-  const stakingReminder = useShowStakingBanner(balances)
-
   if (!token || !summary) return null
 
   return (
     <div className="relative mb-4">
-      {stakingReminder.showBanner && <AssetRowStakingReminder {...stakingReminder} />}
-
       <button
         type="button"
         className={classNames(
-          "text-body-secondary bg-grey-850 hover:bg-grey-800 group grid h-[6.6rem] w-full grid-cols-[40%_30%_30%] overflow-hidden text-left text-base",
-          stakingReminder.showBanner ? "rounded-b" : "rounded",
+          "text-body-secondary bg-grey-850 hover:bg-grey-800 group grid h-[6.6rem] w-full grid-cols-[40%_30%_30%] overflow-hidden rounded text-left text-base",
         )}
         onClick={handleClick}
       >
diff --git a/apps/extension/src/ui/domains/Portfolio/PortfolioContainer.tsx b/apps/extension/src/ui/domains/Portfolio/PortfolioContainer.tsx
index 3b6e0a1286..b9d2989723 100644
--- a/apps/extension/src/ui/domains/Portfolio/PortfolioContainer.tsx
+++ b/apps/extension/src/ui/domains/Portfolio/PortfolioContainer.tsx
@@ -8,20 +8,13 @@ import {
   balancesHydrate$,
   portfolioSelectedAccounts$,
   remoteConfig$,
-  stakingBannerStore$,
   usePortfolio,
 } from "@ui/state"
 
 import { usePortfolioNavigation } from "./usePortfolioNavigation"
 
 const [usePreload] = bind(
-  combineLatest([
-    balancesHydrate$,
-    accounts$,
-    accountsCatalog$,
-    remoteConfig$,
-    stakingBannerStore$,
-  ]),
+  combineLatest([balancesHydrate$, accounts$, accountsCatalog$, remoteConfig$]),
 )
 
 export const PortfolioContainer: FC<{ children: ReactNode; renderWhileLoading?: boolean }> = ({
diff --git a/apps/extension/src/ui/domains/Staking/helpers.ts b/apps/extension/src/ui/domains/Staking/helpers.ts
index f43c32b0c5..16c1e26968 100644
--- a/apps/extension/src/ui/domains/Staking/helpers.ts
+++ b/apps/extension/src/ui/domains/Staking/helpers.ts
@@ -2,56 +2,8 @@ import { Enum } from "@polkadot-api/substrate-bindings"
 import { range } from "lodash"
 import { Binary } from "polkadot-api"
 
-import {
-  EVM_LSD_SUPPORTED_CHAINS,
-  EvmLsdSupportedChain,
-  NOM_POOL_SUPPORTED_CHAINS,
-  NomPoolSupportedChain,
-  StakingSupportedChain,
-} from "@extension/core"
 import { ScaleApi } from "@ui/util/scaleApi"
 
-type Colours = {
-  text: string
-  background: string
-}
-
-export const colours: Record<StakingSupportedChain, Colours> = {
-  "polkadot": {
-    text: "text-[#cc2c75]",
-    background: "bg-[#260001]",
-  },
-  "kusama": {
-    text: "text-body-secondary",
-    background: "bg-[#303030]",
-  },
-  "aleph-zero": {
-    text: "text-[#e5ff57]",
-    background: "bg-[#2C2D30]",
-  },
-  "vara": {
-    text: "text-[#00a87a]",
-    background: "bg-[#002905]",
-  },
-  "avail": {
-    text: "text-[#D0E5FF]",
-    background: "bg-[#4E6786]",
-  },
-  "1": {
-    text: "text-[#8b93b4]",
-    background: "bg-[#151C2F]",
-  },
-}
-
-export const isNomPoolChain = (chainId: string): chainId is NomPoolSupportedChain =>
-  NOM_POOL_SUPPORTED_CHAINS.includes(chainId as NomPoolSupportedChain)
-
-export const isEvmLsdChain = (networkId: string): networkId is EvmLsdSupportedChain =>
-  EVM_LSD_SUPPORTED_CHAINS.includes(networkId as EvmLsdSupportedChain)
-
-export const isStakingSupportedChain = (chainId: string): chainId is StakingSupportedChain =>
-  isNomPoolChain(chainId) || isEvmLsdChain(chainId)
-
 export const getStakingErasPerYear = (sapi: ScaleApi) => {
   const MS_PER_YEAR = 1000n * 60n * 60n * 24n * 365n
   const eraDuration = getStakingEraDurationMs(sapi)
diff --git a/apps/extension/src/ui/domains/Staking/useShowStakingBanner.ts b/apps/extension/src/ui/domains/Staking/useShowStakingBanner.ts
deleted file mode 100644
index 51128ec291..0000000000
--- a/apps/extension/src/ui/domains/Staking/useShowStakingBanner.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { useCallback } from "react"
-
-import { Balances } from "@extension/core"
-import { TALISMAN_WEB_APP_STAKING_URL } from "@extension/shared"
-import { useAnalytics } from "@ui/hooks/useAnalytics"
-
-import { useTokenBalancesSummary } from "../Portfolio/useTokenBalancesSummary"
-import { isStakingSupportedChain } from "./helpers"
-import { useStakingBanner } from "./useStakingBanner"
-
-export const useShowStakingBanner = (balances: Balances) => {
-  const { genericEvent } = useAnalytics()
-
-  const { token } = useTokenBalancesSummary(balances)
-
-  const { showTokenStakingBanner, dismissStakingBanner, getStakingMessage, getBannerColours } =
-    useStakingBanner()
-  const showBanner = showTokenStakingBanner({
-    token,
-    addresses: Array.from(new Set(balances.each.map((b) => b.address))),
-  })
-  const message = getStakingMessage({ token })
-  const colours = getBannerColours({ token })
-
-  const handleClickStakingBanner = useCallback(() => {
-    window.open(TALISMAN_WEB_APP_STAKING_URL)
-    genericEvent("open web app staking from banner", { from: "dashboard", symbol: token?.symbol })
-  }, [genericEvent, token?.symbol])
-
-  const handleDismissStakingBanner = useCallback(() => {
-    const unsafeChainId = token?.chain?.id || token?.evmNetwork?.id
-    if (unsafeChainId && isStakingSupportedChain(unsafeChainId)) dismissStakingBanner(unsafeChainId)
-    genericEvent("dismiss staking banner", { from: "dashboard", symbol: token?.symbol })
-  }, [token?.chain?.id, token?.evmNetwork?.id, token?.symbol, dismissStakingBanner, genericEvent])
-
-  return {
-    balances,
-    showBanner,
-    message,
-    colours,
-    handleClickStakingBanner,
-    handleDismissStakingBanner,
-  }
-}
-
-export type ShowStakingReminderProps = ReturnType<typeof useShowStakingBanner>
diff --git a/apps/extension/src/ui/domains/Staking/useStakingBanner.tsx b/apps/extension/src/ui/domains/Staking/useStakingBanner.tsx
deleted file mode 100644
index b3b9464eeb..0000000000
--- a/apps/extension/src/ui/domains/Staking/useStakingBanner.tsx
+++ /dev/null
@@ -1,135 +0,0 @@
-import { Token } from "@talismn/chaindata-provider"
-import { useCallback, useMemo } from "react"
-import { useTranslation } from "react-i18next"
-
-import {
-  Address,
-  appStore,
-  EVM_LSD_PAIRS,
-  STAKING_BANNER_CHAINS,
-  StakingSupportedChain,
-} from "@extension/core"
-import { useAccounts, useAppState, useStakingBannerStore } from "@ui/state"
-
-import { colours, isNomPoolChain, isStakingSupportedChain } from "./helpers"
-
-const useEvmLsdStakingEligibility = () => {
-  const chainAddressEligibility = useStakingBannerStore().evmLsd
-  const accounts = useAccounts("owned")
-  const ownedAddresses = useMemo(
-    () => accounts.filter(({ type }) => type === "ethereum").map(({ address }) => address),
-    [accounts],
-  )
-
-  const evmLsdStakingAddressesEligible = useCallback(
-    ({ addresses }: { addresses: Address[] }) => {
-      const eligibleAddresses = Object.values(chainAddressEligibility)
-        .map((chainData) => Object.entries(chainData))
-        .flat()
-        .reduce(
-          (acc, [address, showBanner]) => {
-            acc[address] = acc[address] || showBanner
-            return acc
-          },
-          {} as Record<Address, boolean>,
-        )
-
-      return addresses.some(
-        (address) => ownedAddresses.includes(address) && eligibleAddresses[address],
-      )
-    },
-    [chainAddressEligibility, ownedAddresses],
-  )
-
-  const evmLsdStakingTokenEligible = useCallback(
-    ({ token, addresses }: { token: Token; addresses: Address[] }) => {
-      const addressesEligible = chainAddressEligibility[token.id]
-      return addresses.some(
-        (address) => ownedAddresses.includes(address) && addressesEligible[address],
-      )
-    },
-    [chainAddressEligibility, ownedAddresses],
-  )
-
-  return { evmLsdStakingAddressesEligible, evmLsdStakingTokenEligible }
-}
-
-export const useStakingBanner = () => {
-  const { evmLsdStakingAddressesEligible, evmLsdStakingTokenEligible } =
-    useEvmLsdStakingEligibility()
-  const [hideBannerSetting] = useAppState("hideStakingBanner")
-
-  const { t } = useTranslation()
-
-  const dismissStakingBanner = useCallback(
-    (chainId?: StakingSupportedChain) =>
-      appStore.mutate((existing) => {
-        const newValue = chainId ? [chainId] : STAKING_BANNER_CHAINS
-        return {
-          ...existing,
-          hideStakingBanner: Array.from(new Set([...existing.hideStakingBanner, ...newValue])),
-        }
-      }),
-    [],
-  )
-
-  const showTokenStakingBanner = useCallback(
-    ({ token, addresses }: { token?: Token; addresses: Address[] }) => {
-      if (!token) return false
-      let result = false
-      const lsdTokenBases = Object.values(EVM_LSD_PAIRS)
-        .flatMap((pairInfo) => Object.values(pairInfo))
-        .map(({ base }) => base)
-
-      if (lsdTokenBases.includes(token.id))
-        result = evmLsdStakingTokenEligible({ token, addresses })
-
-      return (
-        result &&
-        !hideBannerSetting.includes(
-          (token?.chain?.id || token?.evmNetwork?.id) as StakingSupportedChain,
-        )
-      )
-    },
-    [evmLsdStakingTokenEligible, hideBannerSetting],
-  )
-
-  const showStakingBanner = useCallback(
-    ({ addresses }: { addresses: Address[] }) =>
-      evmLsdStakingAddressesEligible({ addresses }) &&
-      hideBannerSetting.length < STAKING_BANNER_CHAINS.length,
-    [evmLsdStakingAddressesEligible, hideBannerSetting],
-  )
-
-  const getStakingMessage = useCallback(
-    ({ token }: { token?: Token }) => {
-      if (!token) return
-      const lsdTokenBases = Object.values(EVM_LSD_PAIRS)
-        .flatMap((pairInfo) => Object.values(pairInfo))
-        .map(({ base }) => base)
-
-      if (lsdTokenBases.includes(token.id))
-        return t("This balance is eligible for Liquid Staking via the Talisman Portal.")
-      else if (token?.chain?.id && isNomPoolChain(token.chain.id))
-        return t("This balance is eligible for Nomination Pool Staking via the Talisman Portal.")
-      return
-    },
-    [t],
-  )
-
-  const getBannerColours = useCallback(({ token }: { token?: Token }) => {
-    const chainId = token?.chain?.id || token?.evmNetwork?.id
-    if (chainId && isStakingSupportedChain(chainId)) {
-      return colours[chainId as StakingSupportedChain]
-    }
-    return
-  }, [])
-
-  return {
-    showStakingBanner,
-    showTokenStakingBanner,
-    dismissStakingBanner,
-    getStakingMessage,
-    getBannerColours,
-  }
-}
diff --git a/apps/extension/src/ui/hooks/__tests__/useAppState.spec.ts b/apps/extension/src/ui/hooks/__tests__/useAppState.spec.ts
index 8953128cc0..c81f2cfb8a 100644
--- a/apps/extension/src/ui/hooks/__tests__/useAppState.spec.ts
+++ b/apps/extension/src/ui/hooks/__tests__/useAppState.spec.ts
@@ -53,10 +53,3 @@ test("Can get onboarded appState data", async () => {
   })
   await waitFor(() => expect(result.current[0]).toBe(DEFAULT_APP_STATE.onboarded))
 })
-
-test("Can get showStakingBanner appState data", async () => {
-  const { result } = renderHook(() => useAppState("hideStakingBanner"), {
-    wrapper: TestWrapper,
-  })
-  await waitFor(() => expect(result.current[0]).toStrictEqual(DEFAULT_APP_STATE.hideStakingBanner))
-})
diff --git a/apps/extension/src/ui/state/index.ts b/apps/extension/src/ui/state/index.ts
index 70a612f71c..4b35a05f30 100644
--- a/apps/extension/src/ui/state/index.ts
+++ b/apps/extension/src/ui/state/index.ts
@@ -13,7 +13,6 @@ export * from "./chaindata"
 export * from "./remoteConfig"
 export * from "./requests"
 export * from "./settings"
-export * from "./stakingBanner"
 export * from "./tokenRates"
 export * from "./transactions"
 export * from "./browser"
diff --git a/apps/extension/src/ui/state/stakingBanner.ts b/apps/extension/src/ui/state/stakingBanner.ts
deleted file mode 100644
index 72fdcd55fa..0000000000
--- a/apps/extension/src/ui/state/stakingBanner.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { bind } from "@react-rxjs/core"
-import { stakingBannerStore } from "extension-core"
-
-import { debugObservable } from "./util/debugObservable"
-
-export const [useStakingBannerStore, stakingBannerStore$] = bind(
-  stakingBannerStore.observable.pipe(debugObservable("stakingBannerStore$")),
-)
diff --git a/packages/extension-core/src/domains/app/popupSummaries.ts b/packages/extension-core/src/domains/app/popupSummaries.ts
index f0029d340c..d45462e335 100644
--- a/packages/extension-core/src/domains/app/popupSummaries.ts
+++ b/packages/extension-core/src/domains/app/popupSummaries.ts
@@ -1,6 +1,3 @@
 import { trackBalanceTotals } from "../balances/utils"
-import { trackStakingBannerDisplay } from "../staking/utils"
 
-export const trackPopupSummaryData = async () => {
-  return Promise.all([trackBalanceTotals(), trackStakingBannerDisplay()])
-}
+export const trackPopupSummaryData = trackBalanceTotals
diff --git a/packages/extension-core/src/domains/app/store.app.ts b/packages/extension-core/src/domains/app/store.app.ts
index 304a7b6040..e4d35bae5a 100644
--- a/packages/extension-core/src/domains/app/store.app.ts
+++ b/packages/extension-core/src/domains/app/store.app.ts
@@ -4,7 +4,6 @@ import { gt } from "semver"
 import { GeneralReport } from "../../libs/GeneralReport"
 import { migratePasswordV2ToV1 } from "../../libs/migrations/legacyMigrations"
 import { StorageProvider } from "../../libs/Store"
-import { StakingSupportedChain } from "../staking/types"
 import { TalismanNotOnboardedError } from "./utils"
 
 type ONBOARDED_TRUE = "TRUE"
@@ -30,7 +29,6 @@ export type AppStoreData = {
   analyticsReport?: GeneralReport
   hideBackupWarningUntil?: number
   hasSpiritKey: boolean
-  hideStakingBanner: StakingSupportedChain[]
   needsSpiritKeyUpdate: boolean
   popupSizeDelta: [number, number]
   vaultVerifierCertificateMnemonicId?: string | null
@@ -52,7 +50,6 @@ export const DEFAULT_APP_STATE: AppStoreData = {
   analyticsRequestShown: gt(process.env.VERSION!, ANALYTICS_VERSION), // assume user has onboarded with analytics if current version is newer
   hasSpiritKey: false,
   needsSpiritKeyUpdate: false,
-  hideStakingBanner: [],
   popupSizeDelta: [0, IS_FIREFOX ? 30 : 0],
   showLedgerPolkadotGenericMigrationAlert: false,
   bittensorUnbondBlockNumber: {},
@@ -114,7 +111,6 @@ if (DEBUG) {
       hideBraveWarning: false,
       hasBraveWarningBeenShown: false,
       analyticsRequestShown: false,
-      hideStakingBanner: [],
       hideBackupWarningUntil: undefined,
       hideManageAccountsWelcome: false,
       hideGetStarted: false,
diff --git a/packages/extension-core/src/domains/staking/constants.ts b/packages/extension-core/src/domains/staking/constants.ts
deleted file mode 100644
index cc2aa349d3..0000000000
--- a/packages/extension-core/src/domains/staking/constants.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { EvmNetworkId } from "@talismn/chaindata-provider"
-
-import {
-  EvmLsdSupportedChain,
-  EvmLsdSupportedPair,
-  NomPoolSupportedChain,
-  StakingSupportedChain,
-} from "./types"
-
-export const NOM_POOL_SUPPORTED_CHAINS: NomPoolSupportedChain[] = [
-  "avail",
-  "polkadot",
-  "kusama",
-  "aleph-zero",
-  "vara",
-]
-export const NOM_POOL_MIN_DEPOSIT: Record<NomPoolSupportedChain, string> = {
-  "avail": "100000000000000000000", // 100 AVAIL
-  "polkadot": "10000000000",
-  "kusama": "001667000000",
-  "aleph-zero": "100000000000",
-  "vara": "100000000000",
-}
-
-export const EVM_LSD_PAIRS: Record<EvmNetworkId, Record<string, EvmLsdSupportedPair>> = {
-  "1": {
-    "1-eth-steth": {
-      base: "1-evm-native",
-      derivative: "1-evm-erc20-0xae7ab96520de3a18e5e111b5eaab095312d7fe84",
-    },
-  },
-}
-
-export const EVM_LSD_SUPPORTED_CHAINS: EvmLsdSupportedChain[] = ["1"]
-
-export const STAKING_BANNER_CHAINS: StakingSupportedChain[] = [
-  ...NOM_POOL_SUPPORTED_CHAINS,
-  ...EVM_LSD_SUPPORTED_CHAINS,
-]
diff --git a/packages/extension-core/src/domains/staking/helpers.ts b/packages/extension-core/src/domains/staking/helpers.ts
deleted file mode 100644
index f9f6f2fad9..0000000000
--- a/packages/extension-core/src/domains/staking/helpers.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { EVM_LSD_SUPPORTED_CHAINS, NOM_POOL_SUPPORTED_CHAINS } from "./constants"
-import { EvmLsdSupportedChain, NomPoolSupportedChain, StakingSupportedChain } from "./types"
-
-export const isNomPoolChain = (chainId: string): chainId is NomPoolSupportedChain =>
-  NOM_POOL_SUPPORTED_CHAINS.includes(chainId as NomPoolSupportedChain)
-
-export const isEvmLsdChain = (networkId: string): networkId is EvmLsdSupportedChain =>
-  EVM_LSD_SUPPORTED_CHAINS.includes(networkId as EvmLsdSupportedChain)
-
-export const isStakingSupportedChain = (chainId: string): chainId is StakingSupportedChain =>
-  isNomPoolChain(chainId) || isEvmLsdChain(chainId)
diff --git a/packages/extension-core/src/domains/staking/store.StakingBanners.ts b/packages/extension-core/src/domains/staking/store.StakingBanners.ts
deleted file mode 100644
index f5def67b5c..0000000000
--- a/packages/extension-core/src/domains/staking/store.StakingBanners.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Address } from "@talismn/balances"
-import { ChainId, TokenId } from "@talismn/chaindata-provider"
-
-import { StorageProvider } from "../../libs/Store"
-
-type ShouldShowBanner = boolean
-export type NomPoolStakingBannerStatus = Record<ChainId, Record<Address, ShouldShowBanner>>
-export type EvmLSdStakingBannerStatus = Record<TokenId, Record<Address, ShouldShowBanner>>
-
-export type StakingBannerStatus = {
-  nomPool: NomPoolStakingBannerStatus
-  evmLsd: EvmLSdStakingBannerStatus
-}
-
-export const stakingBannerStore = new StorageProvider<StakingBannerStatus>("stakingBanners")
diff --git a/packages/extension-core/src/domains/staking/types.ts b/packages/extension-core/src/domains/staking/types.ts
deleted file mode 100644
index 9135acbf99..0000000000
--- a/packages/extension-core/src/domains/staking/types.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export type NomPoolSupportedChain = "polkadot" | "kusama" | "aleph-zero" | "vara" | "avail"
-export type EvmLsdSupportedPair = { base: string; derivative: string }
-export type EvmLsdSupportedChain = "1"
-export type StakingSupportedChain = NomPoolSupportedChain | EvmLsdSupportedChain
diff --git a/packages/extension-core/src/domains/staking/utils.ts b/packages/extension-core/src/domains/staking/utils.ts
deleted file mode 100644
index cd7b345c93..0000000000
--- a/packages/extension-core/src/domains/staking/utils.ts
+++ /dev/null
@@ -1,143 +0,0 @@
-import keyring from "@polkadot/ui-keyring"
-import { Address, Balances } from "@talismn/balances"
-import { ChainId, Token, TokenId } from "@talismn/chaindata-provider"
-import { log } from "extension-shared"
-import { combineLatest, debounceTime } from "rxjs"
-
-import { awaitKeyringLoaded } from "../../util/awaitKeyringLoaded"
-import { balancePool } from "../balances/pool"
-import { EVM_LSD_PAIRS, NOM_POOL_MIN_DEPOSIT, NOM_POOL_SUPPORTED_CHAINS } from "./constants"
-import { stakingBannerStore } from "./store.StakingBanners"
-
-type ShouldShowBanner = boolean
-export type NomPoolStakingBannerStatus = Record<ChainId, Record<Address, ShouldShowBanner>>
-export type EvmLSdStakingBannerStatus = Record<TokenId, Record<Address, ShouldShowBanner>>
-
-export type StakingBannerStatus = {
-  nomPool: NomPoolStakingBannerStatus
-  evmLsd: EvmLSdStakingBannerStatus
-}
-
-const MAX_UPDATE_INTERVAL = 2_000 // update every 2 seconds maximum
-
-type AddressStatuses = Record<Address, ShouldShowBanner>
-export type ChainAddressStatuses = Record<ChainId, AddressStatuses>
-
-const safelyGetExistentialDeposit = (token?: Token | null): bigint => {
-  if (token && "existentialDeposit" in token && typeof token.existentialDeposit === "string")
-    return BigInt(token.existentialDeposit)
-  return 0n
-}
-
-const shouldShowSubstrateNomPoolBanners = async ({
-  addresses,
-  balances,
-}: {
-  addresses: string[]
-  balances: Balances
-}) => {
-  const totals = NOM_POOL_SUPPORTED_CHAINS.reduce((acc, chainId) => {
-    const balancesForChain = balances.find({
-      chainId,
-      source: "substrate-native",
-    })
-
-    // for each address, get the free balance after accounting for ED and minimum staking deposit and the staked amount
-    const addressBalances = addresses.reduce((acc, address) => {
-      const addressBalances = balancesForChain.find({ address })
-      if (!addressBalances) return acc
-      const balancesForAddress = addressBalances.each.reduce(
-        (result, balance) => {
-          // if the balance is less than the ED - minimum stake, it is not eligible
-          // however because we aggregate balances across accounts here, we don't want to store available values of less than 0
-          const realAvailable =
-            balance.free.planck -
-            safelyGetExistentialDeposit(balance.token) -
-            BigInt(NOM_POOL_MIN_DEPOSIT[chainId] || 0)
-
-          const available = realAvailable > 0n ? realAvailable : 0n
-
-          const staked = balance.reserves
-            .filter(
-              (reserve) =>
-                reserve.label === "nompools-staking" || reserve.label === "nompools-unbonding",
-            )
-            .reduce((balanceSum, { amount }) => {
-              return balanceSum + amount.planck
-            }, 0n)
-
-          return { staked: staked + result.staked, available: available + result.available }
-        },
-        { available: 0n, staked: 0n } as { available: bigint; staked: bigint },
-      )
-      acc[address] = balancesForAddress.available > 0n && balancesForAddress.staked === 0n
-      return acc
-    }, {} as AddressStatuses)
-
-    return {
-      ...acc,
-      [chainId]: addressBalances,
-    }
-  }, {} as NomPoolStakingBannerStatus)
-
-  return totals
-}
-
-const shouldShowEvmLsdBanners = async ({
-  addresses,
-  balances,
-}: {
-  addresses: string[]
-  balances: Balances
-}) => {
-  return Object.values(EVM_LSD_PAIRS).reduce((acc, pairs) => {
-    Object.values(pairs).forEach(({ base, derivative }) => {
-      if (!(base in acc)) acc[base] = {}
-      const balancePairs = balances.find([{ tokenId: base }, { tokenId: derivative }])
-
-      // for each address, determine whether it has a balance of the base token but not the derivative
-      for (const address of addresses) {
-        const derivativeBalance = balancePairs.find({ address, tokenId: derivative }).sum.planck
-          .free
-        const baseBalance = balancePairs.find({ address, tokenId: base }).sum.planck.free
-        acc[base][address] = acc[base][address] || (baseBalance > 0n && derivativeBalance === 0n)
-      }
-    })
-    return acc
-  }, {} as EvmLSdStakingBannerStatus)
-}
-
-export const trackStakingBannerDisplay = async () => {
-  await awaitKeyringLoaded()
-
-  combineLatest([keyring.accounts.subject, balancePool.observable])
-    .pipe(debounceTime(MAX_UPDATE_INTERVAL))
-    .subscribe(async ([accounts, rawBalances]) => {
-      try {
-        const balances = new Balances(rawBalances)
-
-        const substrateAddresses = Object.values(accounts)
-          .filter(({ type }) => type === "sr25519")
-          .map(({ json }) => json.address)
-
-        const showNomPoolBanners = await shouldShowSubstrateNomPoolBanners({
-          addresses: substrateAddresses,
-          balances,
-        })
-
-        // only balances on ethereum accounts are eligible for lido staking
-        const ethereumAddresses = Object.values(accounts)
-          .filter(({ type }) => type === "ethereum")
-          .map(({ json }) => json.address)
-
-        const showEvmLsdBanners = await shouldShowEvmLsdBanners({
-          addresses: ethereumAddresses,
-          balances,
-        })
-
-        await stakingBannerStore.replace({ nomPool: showNomPoolBanners, evmLsd: showEvmLsdBanners })
-      } catch (err) {
-        log.error("trackStakingBannerDisplay", { err })
-      }
-    })
-}
diff --git a/packages/extension-core/src/index.ts b/packages/extension-core/src/index.ts
index dbe416bb87..ba2eadee2d 100644
--- a/packages/extension-core/src/index.ts
+++ b/packages/extension-core/src/index.ts
@@ -32,14 +32,8 @@ export { getCoinGeckoErc20Coin } from "./util/coingecko/getCoinGeckoErc20Coin"
 export { getCoingeckoToken } from "./util/coingecko/getCoinGeckoToken"
 export { getCoingeckoTokensList } from "./util/coingecko/getCoinGeckoTokensList"
 
-export * from "./domains/staking/constants"
 export * from "./domains/ethereum/helpers"
 
-export {
-  stakingBannerStore,
-  type StakingBannerStatus,
-} from "./domains/staking/store.StakingBanners"
-
 export { MnemonicSource, mnemonicsStore } from "./domains/mnemonics/store"
 
 export { assetDiscoveryStore } from "./domains/assetDiscovery/store"
diff --git a/packages/extension-core/src/types/domains.ts b/packages/extension-core/src/types/domains.ts
index bad3e336de..f568584ee9 100644
--- a/packages/extension-core/src/types/domains.ts
+++ b/packages/extension-core/src/types/domains.ts
@@ -9,7 +9,6 @@ export * from "../domains/metadata/types"
 export * from "../domains/mnemonics/types"
 export * from "../domains/signing/types"
 export * from "../domains/sitesAuthorised/types"
-export * from "../domains/staking/types"
 export * from "../domains/substrate/types"
 export * from "../domains/talisman/types"
 export * from "../domains/tokenRates/types"