From 6ff4a72c206e14d84ed7c1ab0661c4eb394d535e Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sat, 29 Jun 2024 18:52:41 -0500
Subject: [PATCH] Add grid-first site configuration

---
 README.md                        |  1 +
 src/site/SiteChecklistClient.tsx | 10 ++++++++++
 src/site/config.ts               |  3 +++
 3 files changed, 14 insertions(+)

diff --git a/README.md b/README.md
index b49ae512..10074926 100644
--- a/README.md
+++ b/README.md
@@ -99,6 +99,7 @@ _⚠️ READ BEFORE PROCEEDING_
 Application behavior can be changed by configuring the following environment variables:
 
 - `NEXT_PUBLIC_PRO_MODE = 1` enables higher quality image storage (results in increased storage usage)
+- `NEXT_PUBLIC_SHOW_GRID_FIRST = 1` shows grid layout on homepage
 - `NEXT_PUBLIC_STATICALLY_OPTIMIZE_PAGES = 1` enables static optimization for pages, i.e., renders pages at build time (results in increased project usage)—⚠️ _Experimental_
 - `NEXT_PUBLIC_STATICALLY_OPTIMIZE_OG_IMAGES = 1` enables static optimization for OG images, i.e., renders images at build time (results in increased project usage)—⚠️ _Experimental_
 - `NEXT_PUBLIC_MATTE_PHOTOS = 1` constrains the size of each photo, and enables a surrounding border (potentially useful for photos with tall aspect ratios)
diff --git a/src/site/SiteChecklistClient.tsx b/src/site/SiteChecklistClient.tsx
index f26a4759..a6824e19 100644
--- a/src/site/SiteChecklistClient.tsx
+++ b/src/site/SiteChecklistClient.tsx
@@ -49,6 +49,7 @@ export default function SiteChecklistClient({
   showFilmSimulations,
   showExifInfo,
   isProModeEnabled,
+  isGridFirst,
   isStaticallyOptimized,
   arePagesStaticallyOptimized,
   areOGImagesStaticallyOptimized,
@@ -424,6 +425,15 @@ export default function SiteChecklistClient({
               higher quality image storage:
               {renderEnvVars(['NEXT_PUBLIC_PRO_MODE'])}
             </ChecklistRow>
+            <ChecklistRow
+              title="Show grid first"
+              status={isGridFirst}
+              optional
+            >
+              Set environment variable to {'"1"'} to show grid layout
+              on homepage:
+              {renderEnvVars(['NEXT_PUBLIC_SHOW_GRID_FIRST'])}
+            </ChecklistRow>
             <ChecklistRow
               title="Static Optimization"
               status={isStaticallyOptimized}
diff --git a/src/site/config.ts b/src/site/config.ts
index 1ef4bc48..720a8502 100644
--- a/src/site/config.ts
+++ b/src/site/config.ts
@@ -116,6 +116,8 @@ export const CURRENT_STORAGE: StorageType =
 
 export const PRO_MODE_ENABLED =
   process.env.NEXT_PUBLIC_PRO_MODE === '1';
+export const SHOW_GRID_FIRST =
+  process.env.NEXT_PUBLIC_SHOW_GRID_FIRST === '1';
 export const STATICALLY_OPTIMIZED_PAGES =
   process.env.NEXT_PUBLIC_STATICALLY_OPTIMIZE_PAGES === '1';
 export const STATICALLY_OPTIMIZED_OG_IMAGES =
@@ -183,6 +185,7 @@ export const CONFIG_CHECKLIST_STATUS = {
   showFilmSimulations: SHOW_FILM_SIMULATIONS,
   showExifInfo: SHOW_EXIF_DATA,
   isProModeEnabled: PRO_MODE_ENABLED,
+  isGridFirst: SHOW_GRID_FIRST,
   isStaticallyOptimized: (
     STATICALLY_OPTIMIZED_PAGES ||
     STATICALLY_OPTIMIZED_OG_IMAGES