feat(website): update website to remove upload functionality (#2704)

# Goals

Disable uploads

# Implementation

This PR does the following:
- update the deprecation banner to note uploads are stopped
- remove all UI related to uploads
- add deprecation notice to the SDK

Author: hannahhoward

packages/client/README.md

@@ -1,5 +1,7 @@
 # nft.storage
 
+### Notice: Uploads have been decommissioned, and upload functionality in this package no longer functions, even with a valid API key. Please visit <a href="https://nft.storage/nft-storage-classic">the product page</a> to learn more and find a new hot storage provider for uploading new assets.
+
 ![ci][ci.icon]
 [![package][version.icon]][package.url]
 [![styled with prettier][prettier.icon]][prettier.url]

packages/website/components/deprecationBanner.js

@@ -1,10 +1,9 @@
 export function DeprecationBanner() {
   return (
     <div className="w-full text-center p-3 bg-black text-white text-sm">
-      We&apos;re evolving our platform for you. Learn more &gt;&gt;&nbsp;
-      <a href="https://nft.storage/blog/the-next-chapter-of-nftstorage">
-        https://nft.storage/blog/the-next-chapter-of-nftstorage
-      </a>
+      Notice: Uploads have been decommissioned. Please visit{' '}
+      <a href="https://nft.storage/nft-storage-classic">the product page</a> to
+      learn more and find a new hot storage provider for uploading new assets.
     </div>
   )
 }

packages/website/lib/constants.js

@@ -32,7 +32,6 @@ if (globalThis.window) {
 const AUTHENTICATED_ROUTES = {
   MANAGE: 'manage',
   FILES: 'files',
-  NEW_FILE: 'new-file',
   NEW_KEY: 'new-key',
   PINNING_REQUEST: 'pinning-request',
 }

packages/website/lib/countly.js

@@ -41,7 +41,6 @@ export const ui = {
   NAVBAR: 'navbar',
   LOGIN: 'login',
   FILES: 'files',
-  NEW_FILE: 'new-file',
   NEW_TOKEN: 'new-token',
   PINNING_REQUEST: 'pinning-request',
   TOKENS: 'tokens',

packages/website/next-sitemap.js

@@ -10,7 +10,6 @@ const routes = [
   { loc: '/callback-v0', exclude: true },
   { loc: '/files', exclude: true },
   { loc: '/manage', exclude: true },
-  { loc: '/new-file', exclude: true },
   { loc: '/new-key', exclude: true },
 ]
 

packages/website/pages/files.js

@@ -357,23 +357,6 @@ export default function Files({ user }) {
     )
   }
 
-  const UploadFileButton = () => (
-    <Button
-      disabled={user?.tags.HasAccountRestriction}
-      href={{
-        pathname: '/new-file',
-      }}
-      className="flex-none mb-2"
-      id="upload"
-      tracking={{
-        ui: countly.ui.FILES,
-        action: 'Upload File',
-      }}
-    >
-      + Upload
-    </Button>
-  )
-
   return (
     <>
       <Script src="//embed.typeform.com/next/embed.js" />
@@ -386,49 +369,6 @@ export default function Files({ user }) {
             <>
               <div className="flex flex-wrap items-center mb-4">
                 <h1 className="flex-auto chicagoflf my-8">Files</h1>
-                <div className="flex flex-wrap items-center mt-2">
-                  <Tooltip
-                    placement="bottom"
-                    overlay={
-                      <span>
-                        NFTUp is the easiest way for content creators to upload
-                        their metadata and assets, ready to be minted into NFTs
-                        by smart contracts and then traded on marketplaces, and
-                        browsed in galleries.
-                      </span>
-                    }
-                    overlayClassName="ns-tooltip"
-                    id="learn-more-nftup-info"
-                  >
-                    <a
-                      href="/docs/how-to/nftup"
-                      className="items-center mr-4 mb-2 btn button-reset select-none black py-2 px-3 hologram chicagoflf interactive light"
-                      id="learn-more-nftup"
-                    >
-                      <VscQuestion size={16} className="mr-2" /> Upload
-                      directories easily with NFTUp
-                    </a>
-                  </Tooltip>
-                  {user?.tags.HasAccountRestriction ? (
-                    <Tooltip
-                      id="blocked-upload-file-booltip"
-                      placement="bottom"
-                      overlayClassName="ns-tooltip"
-                      overlay={
-                        <span style={{ width: 160 }}>
-                          You are unable to upload files when your account is
-                          blocked. Please contact support@nft.storage
-                        </span>
-                      }
-                    >
-                      <span style={{ paddingLeft: 10 }}>
-                        <UploadFileButton />
-                      </span>
-                    </Tooltip>
-                  ) : (
-                    <UploadFileButton />
-                  )}
-                </div>
               </div>
               <div className="table-responsive">
                 <When condition={hasZeroNfts}>

packages/website/pages/manage.js

@@ -6,9 +6,7 @@ import Button from '../components/button.js'
 import Loading from '../components/loading.js'
 import Tooltip from '../components/tooltip.js'
 import countly from '../lib/countly.js'
-import { VscMail } from 'react-icons/vsc'
 import { Popover, ArrowContainer } from 'react-tiny-popover'
-import Link from '../components/link'
 
 /**
  *
@@ -118,39 +116,6 @@ export default function ManageKeys({ user }) {
             <div className="flex flex-wrap items-center mb-4">
               <h1 className="flex-auto chicagoflf my-8">API Keys</h1>
               <div className="flex flex-wrap items-center mt-2">
-                {!user?.tags.HasAccountRestriction &&
-                  !user?.tags.HasPsaAccess &&
-                  !user?.pendingTagProposals?.HasPsaAccess && (
-                    <Tooltip
-                      placement="bottom"
-                      overlay={
-                        <span>
-                          NFT.Storage is capable of efficiently ingesting
-                          billions of records. Whether or not your data is
-                          already on PDFS, we have simple APIs for bulk data
-                          import. You do not need to request bulk API access if
-                          you are just looking to upload your data to
-                          NFT.Storage. Check out{' '}
-                          <Link href="/docs/how-to/pinning-service/">
-                            the docs
-                          </Link>{' '}
-                          for more details.
-                        </span>
-                      }
-                      overlayClassName="ns-tooltip"
-                      id="request-api-pinning-info"
-                    >
-                      <Link
-                        href="/pinning-request"
-                        className="items-center mr-4 btn button-reset select-none black py-2 px-4 hologram chicagoflf interactive light"
-                        id="request-api-pinning"
-                      >
-                        <VscMail size={12} className="mr-2" /> Request bulk
-                        pinning API access
-                      </Link>
-                    </Tooltip>
-                  )}
-
                 {user?.tags.HasAccountRestriction ? (
                   <Tooltip
                     id="blocked-new-key-booltip"