From fd81df5749203f20c801be7400a55f30ca211f30 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Tue, 30 Apr 2024 22:37:30 -0500
Subject: [PATCH] Add postgres-compatible reporting to admin config

---
 src/site/SiteChecklistClient.tsx | 28 +++++++++++++++++++++-------
 src/site/config.ts               |  2 ++
 2 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/src/site/SiteChecklistClient.tsx b/src/site/SiteChecklistClient.tsx
index f988abcc..8e280aff 100644
--- a/src/site/SiteChecklistClient.tsx
+++ b/src/site/SiteChecklistClient.tsx
@@ -24,6 +24,8 @@ import { HiSparkles } from 'react-icons/hi';
 
 export default function SiteChecklistClient({
   hasDatabase,
+  isPostgresSSLEnabled,
+  hasVercelPostgres,
   hasVercelKV,
   hasStorageProvider,
   hasVercelBlobStorage,
@@ -150,13 +152,25 @@ export default function SiteChecklistClient({
           status={hasDatabase}
           isPending={isPendingPage}
         >
-          {renderLink(
-            // eslint-disable-next-line max-len
-            'https://vercel.com/docs/storage/vercel-postgres/quickstart#create-a-postgres-database',
-            'Create Vercel Postgres store',
-          )}
-          {' '}
-          and connect to project
+          {renderSubStatus(
+            hasVercelPostgres ? 'checked' : 'optional',
+            <>
+              Vercel Postgres:
+              {' '}
+              {renderLink(
+                // eslint-disable-next-line max-len
+                'https://vercel.com/docs/storage/vercel-postgres/quickstart#create-a-postgres-database',
+                'create store',
+              )}
+              {' '}
+              and connect to project
+            </>)}
+          {hasDatabase && !hasVercelPostgres &&
+            renderSubStatus('checked', <>
+              Postgres-compatible database
+              {' '}
+              (SSL {isPostgresSSLEnabled ? 'enabled' : 'disabled'})
+            </>)}
         </ChecklistRow>
         <ChecklistRow
           title={!hasStorageProvider
diff --git a/src/site/config.ts b/src/site/config.ts
index 666d1741..c7c21026 100644
--- a/src/site/config.ts
+++ b/src/site/config.ts
@@ -135,6 +135,8 @@ export const HIGH_DENSITY_GRID = GRID_ASPECT_RATIO <= 1;
 export const CONFIG_CHECKLIST_STATUS = {
   hasDatabase: HAS_DATABASE,
   isPostgresSSLEnabled: POSTGRES_SSL_ENABLED,
+  hasVercelPostgres: /\.vercel-storage\.com\//
+    .test(process.env.POSTGRES_URL ?? ''),
   hasVercelKV: HAS_VERCEL_KV,
   hasVercelBlobStorage: HAS_VERCEL_BLOB_STORAGE,
   hasCloudflareR2Storage: HAS_CLOUDFLARE_R2_STORAGE,