fix: proxy ofac (#4191)

next.config.js

@@ -64,7 +64,6 @@ const CONNECT_SRC = [
   'wss://*.hotjar.com',
   'https://*.safe.global',
   'https://*.snapshot.org',
-  'https://api.wewantjusticedao.org', // OFAC check
   'https://*.wallet.coinbase.com',
   ...WALLET_CONNECT_URLS,
   'https://*.supabase.co',

src/contexts/v2v3/V2V3ProjectOFACProvider.tsx

@@ -4,8 +4,6 @@ import { useWallet } from 'hooks/Wallet'
 import { ReactNode, createContext } from 'react'
 import { useQuery } from 'react-query'
 
-const OFAC_API = 'https://api.wewantjusticedao.org/donation/validate'
-
 interface ProjectOFACContextType {
   isLoading?: boolean
   isAddressListedInOFAC?: boolean
@@ -35,7 +33,7 @@ export default function V2V3ProjectOFACProvider({
 
       try {
         const { data } = await axios.get<{ isGoodAddress: boolean }>(
-          `${OFAC_API}?address=${userAddress}`,
+          `/api/ofac/validate/${userAddress}`,
         )
 
         return !data.isGoodAddress

src/pages/api/ofac/validate/[address].ts

@@ -0,0 +1,32 @@
+import axios from 'axios'
+import { isAddress } from 'ethers/lib/utils'
+import { getLogger } from 'lib/logger'
+import { NextApiRequest, NextApiResponse } from 'next'
+
+const OFAC_API = 'https://api.wewantjusticedao.org/donation/validate'
+
+const logger = getLogger('api/ofac/validate/[address]')
+
+/**
+ * Get project data from project handle
+ */
+export default async function handler(
+  req: NextApiRequest,
+  res: NextApiResponse,
+) {
+  const { address } = req.query as { address: string }
+  if (!address || !isAddress(address)) {
+    return res.status(400).json({ error: 'address is required' })
+  }
+
+  const {
+    data: { isGoodAddress },
+  } = await axios.get<{ isGoodAddress: boolean }>(
+    `${OFAC_API}?address=${address}`,
+  )
+
+  // cache for a day
+  // res.setHeader('Cache-Control', 's-maxage=86400, stale-while-revalidate')
+  logger.info({ data: { address, isGoodAddress } })
+  return res.status(200).json({ isGoodAddress })
+}