Optimize db calls based on configuration

src/photo/InfinitePhotoScroll.tsx

@@ -16,6 +16,7 @@ import { clsx } from 'clsx/lite';
 import { useAppState } from '@/state/AppState';
 import { GetPhotosOptions } from './db';
 import useVisible from '@/utility/useVisible';
+import { ADMIN_DB_OPTIMIZE_ENABLED } from '@/site/config';
 
 export type RevalidatePhoto = (
   photoId: string,
@@ -87,7 +88,7 @@ export default function InfinitePhotoScroll({
       keyGenerator,
       fetcher,
       {
-        initialSize: 0,
+        initialSize: ADMIN_DB_OPTIMIZE_ENABLED ? 0 : 2,
         revalidateFirstPage: false,
         revalidateOnFocus: Boolean(isUserSignedIn),
         revalidateOnReconnect: Boolean(isUserSignedIn),
@@ -95,7 +96,9 @@ export default function InfinitePhotoScroll({
     );
 
   useEffect(() => {
-    fetcher(['', 0], true);
+    if (ADMIN_DB_OPTIMIZE_ENABLED) {
+      fetcher(['', 0], true);
+    }
   }, [fetcher]);
 
   const buttonContainerRef = useRef<HTMLDivElement>(null);

src/photo/db/query.ts

@@ -14,7 +14,7 @@ import {
 import { Cameras, createCameraKey } from '@/camera';
 import { Tags } from '@/tag';
 import { FilmSimulation, FilmSimulations } from '@/simulation';
-import { SHOULD_DEBUG_SQL } from '@/site/config';
+import { ADMIN_DB_OPTIMIZE_ENABLED } from '@/site/config';
 import {
   GetPhotosOptions,
   getLimitAndOffsetFromOptions,
@@ -127,7 +127,7 @@ const safelyQueryPhotos = async <T>(
     }
   }
 
-  if (SHOULD_DEBUG_SQL && debugMessage) {
+  if (ADMIN_DB_OPTIMIZE_ENABLED && debugMessage) {
     const time =
       (((new Date()).getTime() - start.getTime()) / 1000).toFixed(2);
     console.log(`Executing sql query: ${debugMessage} (${time} seconds)`);

src/site/config.ts

@@ -227,6 +227,7 @@ export const OG_TEXT_BOTTOM_ALIGNMENT =
 // INTERNAL
 
 export const ADMIN_DEBUG_TOOLS_ENABLED = process.env.ADMIN_DEBUG_TOOLS === '1';
+export const ADMIN_DB_OPTIMIZE_ENABLED = process.env.ADMIN_DB_OPTIMIZE === '1';
 
 export const CONFIG_CHECKLIST_STATUS = {
   // Storage