From 5e7f41406fa083d927f3bc71aee26b09266fb0ac Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Tue, 30 Apr 2024 22:52:09 -0500
Subject: [PATCH] Refine provider connection text in site checklist

---
 src/site/SiteChecklistClient.tsx | 36 +++++++++++++++-----------------
 1 file changed, 17 insertions(+), 19 deletions(-)

diff --git a/src/site/SiteChecklistClient.tsx b/src/site/SiteChecklistClient.tsx
index 8e280aff..4f95be1d 100644
--- a/src/site/SiteChecklistClient.tsx
+++ b/src/site/SiteChecklistClient.tsx
@@ -152,9 +152,9 @@ export default function SiteChecklistClient({
           status={hasDatabase}
           isPending={isPendingPage}
         >
-          {renderSubStatus(
-            hasVercelPostgres ? 'checked' : 'optional',
-            <>
+          {hasVercelPostgres
+            ? renderSubStatus('checked', 'Vercel Postgres: connected')
+            : renderSubStatus('optional', <>
               Vercel Postgres:
               {' '}
               {renderLink(
@@ -167,7 +167,7 @@ export default function SiteChecklistClient({
             </>)}
           {hasDatabase && !hasVercelPostgres &&
             renderSubStatus('checked', <>
-              Postgres-compatible database
+              Postgres-compatible: connected
               {' '}
               (SSL {isPostgresSSLEnabled ? 'enabled' : 'disabled'})
             </>)}
@@ -182,9 +182,9 @@ export default function SiteChecklistClient({
           status={hasStorageProvider}
           isPending={isPendingPage}
         >
-          {renderSubStatus(
-            hasVercelBlobStorage ? 'checked' : 'optional',
-            <>
+          {hasVercelBlobStorage
+            ? renderSubStatus('checked', 'Vercel Blob: connected')
+            : renderSubStatus('optional', <>
               {labelForStorage('vercel-blob')}:
               {' '}
               {renderLink(
@@ -194,30 +194,28 @@ export default function SiteChecklistClient({
               )}
               {' '} 
               and connect to project
-            </>,
-          )}
-          {renderSubStatus(
-            hasCloudflareR2Storage ? 'checked' : 'optional',
-            <>
+            </>
+            )}
+          {hasCloudflareR2Storage
+            ? renderSubStatus('checked', 'Cloudflare R2: connected')
+            : renderSubStatus('optional', <>
               {labelForStorage('cloudflare-r2')}:
               {' '}
               {renderLink(
                 'https://github.com/sambecker/exif-photo-blog#cloudflare-r2',
                 'create/configure bucket',
               )}
-            </>
-          )}
-          {renderSubStatus(
-            hasAwsS3Storage ? 'checked' : 'optional',
-            <>
+            </>)}
+          {hasAwsS3Storage
+            ? renderSubStatus('checked', 'AWS S3: connected')
+            : renderSubStatus('optional', <>
               {labelForStorage('aws-s3')}:
               {' '}
               {renderLink(
                 'https://github.com/sambecker/exif-photo-blog#aws-s3',
                 'create/configure bucket',
               )}
-            </>
-          )}
+            </>)}
         </ChecklistRow>
       </Checklist>
       <Checklist