deprecation

README.md

@@ -1,3 +1,9 @@
+# DEPRECATED
+
+This project is deprecated in favour of https://github.com/fixes-world/token-list
+
+for more information check the [forum post](https://forum.flow.com/t/replacing-nft-catalog-with-a-decentralized-alternative-proposal/6723)
+
 # NFT Catalog
 
 The NFT Catalog is an on chain registry listing NFT collections that exists on Flow which adhere to the NFT metadata standard. This empowers dApp developers to easily build on top of and discover interoperable NFT collections on Flow.

ui/apps/nft-portal/src/app/app.tsx

@@ -17,10 +17,12 @@ import { ToolsLayout } from './components/tools/tools-layout';
 import { Submitted } from './components/verifier/submitted';
 import { CatalogDetails } from './components/catalog/catalog-details';
 import { Docs } from './components/docs';
+import { DeprecationNotice } from './components/shared/deprecation-notice';
 
 export function App() {
   return (
     <>
+      <DeprecationNotice />
       <Navbar />
       <div className="min-h-screen bg-primary-gray-50">
         <div className="pb-16">

ui/apps/nft-portal/src/app/components/shared/deprecation-notice.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import {FaExclamationTriangle} from 'react-icons/fa'
+
+export const DeprecationNotice = () => {
+  return (
+    <div className="sticky top-0 w-full bg-yellow-50 border-l-4 border-yellow-400 p-4 text-center flex justify-center" role="alert">
+      <div className="flex">
+        <div className="flex flex-shrink-0 items-center">
+          <FaExclamationTriangle size={32} />
+        </div>
+        <div className="ml-3">
+          <p className="text-md font-medium text-yellow-700">
+            Deprecation Notice
+          </p>
+          <p className="mt-1 text-sm text-yellow-700">
+            The <strong>Flow NFT Catalog</strong> is deprecated in favor of the <strong><a className="underline" href="https://token-list.fixes.world/">Token List</a></strong>.
+            Please update your references accordingly.
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+};