mapbox-self-host (#632)

Author: goldflag

client/src/app/[site]/globe/components/ModeSelector.tsx

@@ -1,7 +1,6 @@
-import { Clock, Globe2, HouseIcon, Radio } from "lucide-react";
 import { cn } from "@/lib/utils";
+import { Clock, Globe2, HouseIcon, Radio } from "lucide-react";
 import { useGlobeStore } from "../globeStore";
-import { IS_CLOUD } from "../../../../lib/const";
 
 export type MapView = "countries" | "subdivisions" | "coordinates" | "timeline";
 
@@ -33,14 +32,12 @@ export default function MapViewSelector() {
 
   return (
     <div className="flex items-center gap-2 overflow-x-auto w-full">
-      {IS_CLOUD && (
-        <button
-          className="text-xs font-medium rounded-lg bg-neutral-900/60 text-neutral-200 backdrop-blur-sm p-1.5 border border-white/10 hover:bg-neutral-700/60 hover:text-white transition-all"
-          onClick={() => setMapMode(mapMode === "2D" ? "3D" : "2D")}
-        >
-          {mapMode === "2D" ? "2D" : "3D"}
-        </button>
-      )}
+      <button
+        className="text-xs font-medium rounded-lg bg-neutral-900/60 text-neutral-200 backdrop-blur-sm p-1.5 border border-white/10 hover:bg-neutral-700/60 hover:text-white transition-all"
+        onClick={() => setMapMode(mapMode === "2D" ? "3D" : "2D")}
+      >
+        {mapMode === "2D" ? "2D" : "3D"}
+      </button>
       <div className="flex items-center gap-0.5 rounded-lg bg-neutral-900/40 backdrop-blur-sm p-0.5 border border-white/10">
         <TabButton
           active={mapView === "timeline"}

docker-compose.yml

@@ -84,6 +84,7 @@ services:
       - BASE_URL=${BASE_URL}
       - DISABLE_SIGNUP=${DISABLE_SIGNUP}
       - DISABLE_TELEMETRY=${DISABLE_TELEMETRY}
+      - MAPBOX_TOKEN=${MAPBOX_TOKEN}
     depends_on:
       clickhouse:
         condition: service_healthy