Add support email config

Author: Minimuino

.github/workflows/jekyll-gh-pages.yml

@@ -39,6 +39,8 @@ jobs:
         run: npm ci
       - name: Build
         run: npm run build
+        env:
+          VITE_SUPPORT_EMAIL: ${{ secrets.SUPPORT_EMAIL }}
       - name: Setup Pages
         uses: actions/configure-pages@v5
       - name: Upload artifact

package-lock.json

@@ -28,6 +28,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.26.0",
+    "@types/node": "^22.15.30",
     "@types/react": "^19.1.2",
     "@types/react-dom": "^19.1.2",
     "@vitejs/plugin-react": "^4.4.1",

package.json

@@ -156,14 +156,14 @@ export default function Home() {
         </a>
         <a
           className="flex items-center gap-2 hover:underline hover:underline-offset-4"
-          href="https://github.com/Minimuino/galiguessr"
+          href={`mailto:${import.meta.env.VITE_SUPPORT_EMAIL}`}
           target="_blank"
           rel="noopener"
         >
           <img
             aria-hidden
             src="./email.svg"
-            alt="Error icon"
+            alt="Email icon"
             width={18}
             height={16}
           />

src/App.tsx

@@ -87,9 +87,9 @@ export default function MapView({ data, pendingGuessFeatures, rightGuessFeatures
   const onTouchEnd = (event: MapLayerTouchEvent) => {
     const { target } = event;
     if (timeoutRef.current) {
-      clearTimeout(timeoutRef.current);
+      window.clearTimeout(timeoutRef.current);
     }
-    timeoutRef.current = setTimeout(() => {
+    timeoutRef.current = window.setTimeout(() => {
       if (hoveredFeatureId.current) {
         target.setFeatureState(
           { source: "hoverable", id: hoveredFeatureId.current },
@@ -103,7 +103,7 @@ export default function MapView({ data, pendingGuessFeatures, rightGuessFeatures
   useEffect(() => {
     return () => {
       if (timeoutRef.current) {
-        clearTimeout(timeoutRef.current);
+        window.clearTimeout(timeoutRef.current);
       }
     };
   }, []);

src/components/MapView.tsx

@@ -6,10 +6,20 @@
  */
 
 import react from "@vitejs/plugin-react";
-import { defineConfig } from "vite";
+import { defineConfig, loadEnv } from "vite";
 
 // https://vite.dev/config/
-export default defineConfig({
-  plugins: [react()],
-  base: "/galiguessr/",
-});
+export default defineConfig(({ mode }) => {
+
+  const env = loadEnv(mode, process.cwd(), "VITE_");
+
+  return {
+    plugins: [react()],
+    base: "/galiguessr/",
+    define: {
+      "process.env": {
+        VITE_SUPPORT_EMAIL: JSON.stringify(env.VITE_SUPPORT_EMAIL),
+      },
+    },
+  };
+});