diff --git a/apps/marginfi-v2-ui/src/components/common/AssetList/NewAssetBanner.tsx b/apps/marginfi-v2-ui/src/components/common/AssetList/NewAssetBanner.tsx index 79cd45cb30..9be5570aa4 100644 --- a/apps/marginfi-v2-ui/src/components/common/AssetList/NewAssetBanner.tsx +++ b/apps/marginfi-v2-ui/src/components/common/AssetList/NewAssetBanner.tsx @@ -1,6 +1,6 @@ -import Image from "next/image"; +import React from "react"; -import { PublicKey } from "@solana/web3.js"; +import Image from "next/image"; import { ActionType, ExtendedBankInfo } from "@mrgnlabs/marginfi-v2-ui-state"; import { LendingModes } from "~/types"; @@ -14,6 +14,21 @@ type NewAssetBannerProps = { }; export const NewAssetBanner = ({ bankInfo }: NewAssetBannerProps) => { + const [isBannerVisible, setIsBannerVisible] = React.useState(false); + + const handleBannerAcknowledgement = React.useCallback(() => { + window.sessionStorage.setItem("mrgnNewAssetBannerAcknowledged", "true"); + setIsBannerVisible(false); + }, []); + + React.useEffect(() => { + if (window.sessionStorage.getItem("mrgnNewAssetBannerAcknowledged") !== "true") { + setIsBannerVisible(true); + } + }, []); + + if (!isBannerVisible) return null; + return (