From 326ffb72a108a5c75e855944b2576088c30a324c Mon Sep 17 00:00:00 2001
From: Johnny D <johnnyD.eth@protonmail.com>
Date: Thu, 14 Sep 2023 15:20:51 +1000
Subject: [PATCH] Dev blocked projects and block Metakeys copy-cat (#4067)

Co-authored-by: peripheralist <peripheralist@gmail.com>
---
 .../ProjectDashboard/ProjectDashboard.tsx     |  2 ++
 .../components/BlockedProjectBanner.tsx       | 29 +++++++++++++++++++
 .../PayProjectCard/PayProjectCard.tsx         |  5 +++-
 src/constants/blocklist.ts                    | 16 ++++++++++
 src/hooks/useBlockedProject.ts                | 12 ++++++++
 src/hooks/useProjects.ts                      | 15 ++++++++--
 src/locales/messages.pot                      |  6 ++++
 7 files changed, 81 insertions(+), 4 deletions(-)
 create mode 100644 src/components/ProjectDashboard/components/BlockedProjectBanner.tsx
 create mode 100644 src/constants/blocklist.ts
 create mode 100644 src/hooks/useBlockedProject.ts

diff --git a/src/components/ProjectDashboard/ProjectDashboard.tsx b/src/components/ProjectDashboard/ProjectDashboard.tsx
index 00ccf60e62..b048ce7327 100644
--- a/src/components/ProjectDashboard/ProjectDashboard.tsx
+++ b/src/components/ProjectDashboard/ProjectDashboard.tsx
@@ -2,6 +2,7 @@ import { Footer } from 'components/Footer'
 import { TransactionProvider } from 'contexts/Transaction/TransactionProvider'
 import { useHasNftRewards } from 'hooks/JB721Delegate/useHasNftRewards'
 import { twMerge } from 'tailwind-merge'
+import { BlockedProjectBanner } from './components/BlockedProjectBanner'
 import { Cart } from './components/Cart'
 import { CoverPhoto } from './components/CoverPhoto'
 import { CurrentBalanceCard } from './components/CurrentBalanceCard'
@@ -35,6 +36,7 @@ export const ProjectDashboard = () => {
                   <div className="flex w-full justify-center md:px-6">
                     <div className="flex w-full max-w-6xl flex-col">
                       <ProjectHeader className="mt-12 px-4 md:mt-4 md:px-0" />
+                      <BlockedProjectBanner className="mt-10" />
                       <div
                         className={twMerge(
                           'mt-10 flex w-full flex-col gap-4 px-4 md:flex-row md:px-0',
diff --git a/src/components/ProjectDashboard/components/BlockedProjectBanner.tsx b/src/components/ProjectDashboard/components/BlockedProjectBanner.tsx
new file mode 100644
index 0000000000..beb97a74bc
--- /dev/null
+++ b/src/components/ProjectDashboard/components/BlockedProjectBanner.tsx
@@ -0,0 +1,29 @@
+import { Trans } from '@lingui/macro'
+import Banner from 'components/Banner'
+import ExternalLink from 'components/ExternalLink'
+import { useV2BlockedProject } from 'hooks/useBlockedProject'
+
+export function BlockedProjectBanner({ className }: { className?: string }) {
+  const isBlockedProject = useV2BlockedProject()
+  if (!isBlockedProject) return null
+
+  const delistingPolicyLink =
+    'https://github.com/peeldao/proposals/pull/42/files'
+  const discordLink = 'https://discord.gg/wFTh4QnDzk'
+
+  return (
+    <div className={className}>
+      <Banner
+        title={<Trans>Delisted project</Trans>}
+        body={
+          <Trans>
+            This project has been <strong>delisted</strong> for breaching our{' '}
+            <ExternalLink href={delistingPolicyLink}>policy</ExternalLink>.{' '}
+            <ExternalLink href={discordLink}>Get in touch</ExternalLink>.
+          </Trans>
+        }
+        variant="warning"
+      />
+    </div>
+  )
+}
diff --git a/src/components/ProjectDashboard/components/PayProjectCard/PayProjectCard.tsx b/src/components/ProjectDashboard/components/PayProjectCard/PayProjectCard.tsx
index 0ad6cb0d1f..45621b335f 100644
--- a/src/components/ProjectDashboard/components/PayProjectCard/PayProjectCard.tsx
+++ b/src/components/ProjectDashboard/components/PayProjectCard/PayProjectCard.tsx
@@ -6,6 +6,7 @@ import { Trans, t } from '@lingui/macro'
 import { Button, Tooltip } from 'antd'
 import { usePayProjectCard } from 'components/ProjectDashboard/hooks'
 import { Formik } from 'formik'
+import { useV2BlockedProject } from 'hooks/useBlockedProject'
 import { V2V3CurrencyOption } from 'models/v2v3/currencyOption'
 import { twMerge } from 'tailwind-merge'
 import { V2V3_CURRENCY_ETH } from 'utils/v2v3/currency'
@@ -14,6 +15,8 @@ import { PayInput } from './components/PayInput'
 import { TokensPerEth } from './components/TokensPerEth'
 
 export const PayProjectCard = ({ className }: { className?: string }) => {
+  const isBlockedProject = useV2BlockedProject()
+
   const { validationSchema, paymentsPaused, addPay } = usePayProjectCard()
   const determiningIfProjectCanReceivePayments = paymentsPaused === undefined
 
@@ -74,7 +77,7 @@ export const PayProjectCard = ({ className }: { className?: string }) => {
                 >
                   <Button
                     loading={determiningIfProjectCanReceivePayments}
-                    disabled={paymentsPaused}
+                    disabled={paymentsPaused || isBlockedProject}
                     htmlType="submit"
                     className="h-12 text-base"
                     style={{ height: '48px' }}
diff --git a/src/constants/blocklist.ts b/src/constants/blocklist.ts
new file mode 100644
index 0000000000..67d201bae6
--- /dev/null
+++ b/src/constants/blocklist.ts
@@ -0,0 +1,16 @@
+import { NetworkName } from 'models/networkName'
+import { readNetwork } from './networks'
+
+const PROJECT_IDS = {
+  METAKEYS_COPYCAT: 564, // copycat of 563
+}
+
+// List of delisted projects
+const V2_BLOCKLISTED_PROJECT_IDS_BY_NETWORK: Partial<
+  Record<NetworkName, number[]>
+> = {
+  [NetworkName.mainnet]: [PROJECT_IDS.METAKEYS_COPYCAT],
+}
+
+export const V2_BLOCKLISTED_PROJECT_IDS =
+  V2_BLOCKLISTED_PROJECT_IDS_BY_NETWORK[readNetwork.name] ?? []
diff --git a/src/hooks/useBlockedProject.ts b/src/hooks/useBlockedProject.ts
new file mode 100644
index 0000000000..3185bbf9af
--- /dev/null
+++ b/src/hooks/useBlockedProject.ts
@@ -0,0 +1,12 @@
+import { V2_BLOCKLISTED_PROJECT_IDS } from 'constants/blocklist'
+import { PV_V2 } from 'constants/pv'
+import { ProjectMetadataContext } from 'contexts/shared/ProjectMetadataContext'
+import { useContext } from 'react'
+
+export const useV2BlockedProject = () => {
+  const { projectId, pv } = useContext(ProjectMetadataContext)
+  const isBlockedProject = projectId
+    ? V2_BLOCKLISTED_PROJECT_IDS.includes(projectId) && pv === PV_V2
+    : false
+  return isBlockedProject
+}
diff --git a/src/hooks/useProjects.ts b/src/hooks/useProjects.ts
index 27fc182385..05bf894d4c 100644
--- a/src/hooks/useProjects.ts
+++ b/src/hooks/useProjects.ts
@@ -1,4 +1,6 @@
 import axios from 'axios'
+import { V2_BLOCKLISTED_PROJECT_IDS } from 'constants/blocklist'
+import { PV_V2 } from 'constants/pv'
 import { BigNumber } from 'ethers'
 import { DBProject, DBProjectQueryOpts, DBProjectRow } from 'models/dbProject'
 import { Json } from 'models/json'
@@ -14,6 +16,11 @@ import { parseDBProject, parseDBProjectJson } from 'utils/sgDbProjects'
 
 const DEFAULT_STALE_TIME = 60 * 1000 // 60 seconds
 
+// Filter applied to all DB project query results
+// TODO this could be applied at the /api/projects level, but would take some more finessing. we're working quick here
+const dbProjectFilter: (p: DBProject) => boolean = (p: DBProject) =>
+  !(p.pv === PV_V2 && V2_BLOCKLISTED_PROJECT_IDS.includes(p.projectId))
+
 export function useDBProjectsQuery(
   opts: DBProjectQueryOpts | null,
   reactQueryOptions?: UseQueryOptions<
@@ -36,7 +43,7 @@ export function useDBProjectsQuery(
             .get<Json<DBProjectRow>[]>(
               `/api/projects?${formatQueryParams(opts)}`,
             )
-            .then(res => res.data?.map(parseDBProject))
+            .then(res => res.data?.map(parseDBProject).filter(dbProjectFilter))
         : Promise.resolve([] as DBProject[]),
     {
       staleTime: DEFAULT_STALE_TIME,
@@ -68,7 +75,9 @@ export function useDBProjectsInfiniteQuery(
             pageSize,
           })}`,
         )
-        .then(res => (res.data ? res.data.map(parseDBProject) : []))
+        .then(res =>
+          res.data ? res.data.map(parseDBProject).filter(dbProjectFilter) : [],
+        )
     },
     {
       staleTime: DEFAULT_STALE_TIME,
@@ -93,7 +102,7 @@ export function useTrendingProjects(count: number) {
       '/api/projects/trending?count=' + count,
     )
 
-    return res.data.map(parseDBProjectJson)
+    return res.data.map(parseDBProjectJson).filter(dbProjectFilter)
   })
 }
 
diff --git a/src/locales/messages.pot b/src/locales/messages.pot
index 60d8f2429a..13c6e4fb84 100644
--- a/src/locales/messages.pot
+++ b/src/locales/messages.pot
@@ -1484,6 +1484,9 @@ msgstr ""
 msgid "Custom strategy"
 msgstr ""
 
+msgid "Delisted project"
+msgstr ""
+
 msgid "If you use the default governance option (no governance), the voting weight will still be accessible on the blockchain for use in Snapshot strategies or any other desired purpose."
 msgstr ""
 
@@ -3932,6 +3935,9 @@ msgstr ""
 msgid "Duration"
 msgstr ""
 
+msgid "This project has been <0>delisted</0> for breaching our <1>policy</1>. <2>Get in touch</2>."
+msgstr ""
+
 msgid "Supporters will be sent to this page if they click the button on your pop-up. You can preview this below."
 msgstr ""