HOTFIX - Darkmode map tile (#117)

Co-authored-by: marcaufderheyde <[email protected]>
marcaufderheyde · Aug 26, 2024 · 55e24ba · 55e24ba
1 parent c2f256e
commit 55e24ba
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/app/[locale]/(withoutheaderfooter)/clubs/clubs-content.tsx b/app/[locale]/(withoutheaderfooter)/clubs/clubs-content.tsx
@@ -13,13 +13,13 @@ const OpenStreetMap = dynamic(
 
 export default function ClubsContent() {
     const [showHRFilter, setShowHRFilter] = useState(false);
-    const [isDarkMode, setIsDarkMode] = useState(true);
+    const [isDarkMode, setIsDarkMode] = useState(false);
 
     return (
         <div>
             <Navbar isOnMap={true} />
             <div>
-                <div className='hidden lg:flex'>
+                <div className="hidden lg:flex">
                     <OpenStreetMap
                         showHRInfo={showHRFilter}
                         isDesktopMap={true}
@@ -31,7 +31,7 @@ export default function ClubsContent() {
                         setShowHRFilter={setShowHRFilter}
                     />
                 </div>
-                <div className='lg:hidden flex'>
+                <div className="lg:hidden flex">
                     <OpenStreetMap
                         showHRInfo={showHRFilter}
                         isDesktopMap={false}

diff --git a/app/components/OpenStreetMap/ClubOpenStreetMap.tsx b/app/components/OpenStreetMap/ClubOpenStreetMap.tsx
@@ -40,7 +40,7 @@ export default function ClubOpenStreetMap({ club }: ClubProps) {
         >
             <TileLayer
                 //url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
-                url="https://api.maptiler.com/maps/toner-v2/{z}/{x}/{y}.png?key=KFzeqoMZOcvot9qqW4I8"
+                url="https://api.maptiler.com/maps/darkmatter/{z}/{x}/{y}.png?key=KFzeqoMZOcvot9qqW4I8"
                 attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
             />
 

diff --git a/app/components/OpenStreetMap/OpenStreetMap.tsx b/app/components/OpenStreetMap/OpenStreetMap.tsx
@@ -291,7 +291,7 @@ export default function OpenStreetMap(props: OpenStreetMapProps) {
                     <TileLayer
                         url={
                             props.isDarkMode
-                                ? 'https://api.maptiler.com/maps/toner-v2/{z}/{x}/{y}.png?key=KFzeqoMZOcvot9qqW4I8'
+                                ? 'https://api.maptiler.com/maps/darkmatter/{z}/{x}/{y}.png?key=KFzeqoMZOcvot9qqW4I8'
                                 : 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'
                         }
                         attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'