fix for dev mode grid overlay override

CFsylvester · CFsylvester · commit e182e58dbb69 · 2025-06-02T09:06:44.000-07:00
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -14,16 +14,21 @@ const montserrat = Montserrat({
 });
 
 const RootLayout = ({ children }: { children: ReactNode }) => {
+  // check env vars
   const devMode = process.env.NODE_ENV === 'development';
+  const isGridOverlayOverride = process.env.GRID_OVERLAY_OVERRIDE === 'true';
+
+  // show grid overlay if dev mode is true or if the grid overlay override is true
+  const showGridOverlay = devMode || isGridOverlayOverride;
 
   return (
     <html lang="en" className={montserrat.variable}>
       <body>
         {/* DEV GRID TOGGLE */}
-        {devMode && <GridOverlayToggle />}
+        {showGridOverlay && <GridOverlayToggle />}
 
         {/* MAIN CONTENT */}
-        {/* GRID OVERLAY relies on the main layout class */}
+        {/* GRID OVERLAY relies on the layout class */}
         <main data-grid-overlay className={'layout'}>
           {children}
         </main>
