feat: add video support

Author: danilaplee

pexels-grid/src/components/GalleryController.tsx

@@ -43,7 +43,7 @@ export default function GalleryController({
     queryKey: ["gallery", page, query],
     queryFn: async () => {
       try {
-        const API_URL = dynamicConfig?.API_URL;
+        const API_URL = (await dynamicConfig).API_URL;
         let uri = query
           ? `${API_URL}pexels/search/${query}?page=${page || 1}`
           : API_URL + "pexels/curated/" + page;

pexels-grid/src/components/PhotoImage.tsx

@@ -30,7 +30,7 @@ export default function PhotoImage({
       } catch (err) {
         console.error("err", (err as Error)?.message || err);
       }
-      const API_URL = dynamicConfig?.API_URL;
+      const API_URL = (await dynamicConfig).API_URL;
       const f = await fetch(API_URL + "pexels/" + photoId);
       return f.json();
     },

pexels-grid/src/utils/dynamicConfig.ts

@@ -2,7 +2,4 @@
 
 import { getServerEnv } from "./getServerEnv";
 
-export let dynamicConfig: undefined | Awaited<ReturnType<typeof getServerEnv>> = undefined
-getServerEnv().then((c)=>{
-  dynamicConfig = c
-})
+export const dynamicConfig = getServerEnv()