clients/tiers: remove callout notice

clients/apps/web/src/app/maintainer/[organization]/(topbar)/products/overview/ClientPage.tsx

@@ -10,13 +10,12 @@ import ProductPriceTypeSelect from '@/components/Products/ProductPriceTypeSelect
 import { useCurrentOrgAndRepoFromURL } from '@/hooks'
 import { useProduct, useProducts } from '@/hooks/queries/products'
 import { isFeatureEnabled } from '@/utils/feature-flags'
-import { AddOutlined, CloseOutlined } from '@mui/icons-material'
+import { AddOutlined } from '@mui/icons-material'
 import { ProductPriceType } from '@polar-sh/sdk'
 import Link from 'next/link'
 import { useRouter, useSearchParams } from 'next/navigation'
 import Button from 'polarkit/components/ui/atoms/button'
-import ShadowBox from 'polarkit/components/ui/atoms/shadowbox'
-import { useCallback, useEffect, useState } from 'react'
+import { useCallback, useEffect } from 'react'
 
 export default function ClientPage() {
   const { org } = useCurrentOrgAndRepoFromURL()
@@ -71,42 +70,8 @@ export default function ClientPage() {
         : productPriceType === ProductPriceType.RECURRING,
   })
 
-  const announcementKey = 'subscriptionTiersManagementMoved'
-  const [dismissedAnnouncement, setDismissedAnnouncement] = useState(
-    localStorage.getItem(announcementKey) === 'true',
-  )
-  const dismissAnnouncement = useCallback(
-    (e: React.MouseEvent<HTMLDivElement>) => {
-      e.preventDefault()
-      e.stopPropagation()
-      localStorage.setItem(announcementKey, 'true')
-      setDismissedAnnouncement(true)
-    },
-    [],
-  )
-
   return (
     <DashboardBody className="flex flex-col gap-8">
-      {!dismissedAnnouncement && (
-        <ShadowBox className="relative">
-          <div className="flex w-full flex-col gap-y-4">
-            <h3 className="text-xl leading-normal [text-wrap:balance]">
-              Subscription Tiers management has a new home
-            </h3>
-            <p className="dark:text-polar-500 w-1/2 text-balance text-gray-500">
-              Your Subscription Tiers are now managed from the new Products
-              section. Soon, we&apos;ll also add support for one-time purchase
-              products and more!
-            </p>
-          </div>
-          <div
-            className="absolute right-6 top-6 cursor-pointer hover:text-gray-300"
-            onClick={dismissAnnouncement}
-          >
-            <CloseOutlined fontSize="inherit" />
-          </div>
-        </ShadowBox>
-      )}
       <div className="flex flex-row items-center justify-between">
         <h1 className="text-lg">Overview</h1>
         <div className="flex w-1/3 flex-row items-center justify-end gap-6 md:w-1/5">