feat: Weather component

README.md

@@ -64,7 +64,7 @@ This repository contains the original data for the Berliner Weihnachtsmarktkarte
 
 Original data sources
 
-The informations on the [christmas marktes is based on an open dataset](https://daten.berlin.de/datensaetze/berliner-weihnachtsmärkte-2022) at the berlin open data portal, which is annually updated by the Senatsverwaltung für Wirtschaft, Energie und Betriebe. The information on design cristmas markets is currently only available as a list via Berlin.de. They were transferred into a geodata set by means of webscraping. The locations of the public toilets can also be found in the berlin open data portal, which is regularly updated by the Senatsverwaltung für Umwelt, Mobilität, Verbraucher- und Klimaschutz.
+The informations on the [christmas marktes is based on an open dataset](https://daten.berlin.de/datensaetze/berliner-weihnachtsmärkte) at the berlin open data portal, which is annually updated by the Senatsverwaltung für Wirtschaft, Energie und Betriebe. The information on design cristmas markets is currently only available as a list via Berlin.de. They were transferred into a geodata set by means of webscraping. The locations of the public toilets can also be found in the berlin open data portal, which is regularly updated by the Senatsverwaltung für Umwelt, Mobilität, Verbraucher- und Klimaschutz.
 
 ## Tech stack
 
@@ -222,10 +222,10 @@ The Christmas market data used is under CC-BY license. We have processed and enr
       </a>
     </td>
     <td>
-       Supported by: <a href="https://www.berlin.de/sen/inneres/">
+       Supported by: <a href="https://www.berlin.de/senatskanzlei/">
         <br />
         <br />
-        <img width="80" src="./resources/B_SEN_InnDS_Logo_DE_V_PW_RGB.svg"/>
+        <img width="80" src="https://logos.citylab-berlin.org/logo-berlin-senatskanzelei-en.svg"/>
       </a>
     </td>
   </tr>

package.json

@@ -12,7 +12,7 @@
   "dependencies": {
     "@headlessui/react": "1.7.3",
     "classnames": "2.3.2",
-    "date-fns": "2.29.3",
+    "date-fns": "^2.30.0",
     "mapbox-gl": "npm:[email protected]",
     "maplibre-gl": "2.4.0",
     "next": "13.0.0",

pages/index.tsx

@@ -20,6 +20,8 @@ import { SnowNav } from '@components/SnowNav'
 import { AudioPlayer } from '@components/AudioPlayer'
 import { IntroModal } from '@components/IntroModal'
 
+import { WeatherOverlay } from '@components/WeatherOverlay'
+
 import { getMapData } from '@lib/loadMapData'
 import { filterMarkets } from '@lib/filterMarkets'
 
@@ -56,6 +58,8 @@ const MapSite: NextPage = (mapData: any) => {
   const [marketData, setMarketData] = useState<any>()
   const [marketFilterInternational, setMarketFilterInternational] =
     useState<boolean>(false)
+  const [marketFilterAccessible, setMarketFilterAccessible] =
+    useState<boolean>(false)
   const [marketFilterCosts, setMarketFilterCosts] = useState<boolean>(false)
   const [marketFilterDate, setMarketFilterDate] = useState<Date | boolean>(
     false
@@ -124,6 +128,7 @@ const MapSite: NextPage = (mapData: any) => {
     const newData = filterMarkets(
       marketsData,
       marketFilterInternational,
+      marketFilterAccessible,
       marketFilterCosts,
       marketFilterDate,
       marketFilterAction,
@@ -134,6 +139,7 @@ const MapSite: NextPage = (mapData: any) => {
     setMarketsData(JSON.parse(JSON.stringify(newData)))
   }, [
     marketFilterInternational,
+    marketFilterAccessible,
     marketFilterCosts,
     marketFilterDate,
     marketFilterAction,
@@ -185,6 +191,8 @@ const MapSite: NextPage = (mapData: any) => {
           <SidebarContentFilter
             marketFilterInternational={marketFilterInternational}
             setMarketFilterInternational={setMarketFilterInternational}
+            marketFilterAccessible={marketFilterAccessible}
+            setMarketFilterAccessible={setMarketFilterAccessible}
             marketFilterCosts={marketFilterCosts}
             setMarketFilterCosts={setMarketFilterCosts}
             marketFilterDate={marketFilterDate}
@@ -221,6 +229,11 @@ const MapSite: NextPage = (mapData: any) => {
         setMarketId={setMarketId}
       />
       <SnowNav></SnowNav>
+      <WeatherOverlay
+        marketFilterDate={marketFilterDate}
+        setSidebarMenuOpen={setSidebarMenuOpen}
+      />
+
       <AudioPlayer></AudioPlayer>
       <MapComponent
         mapData={mapData}

public/README.md

@@ -28,5 +28,6 @@ lng | `number` | coordinate | 13.45436119
 ignore | `string` | if you want to ignore the entry |  '0' or '1' 
 immer-kostenlos | `string` | filter free |  '0' or '1' 
 international | `string` | filter international |  '0' or '1' 
+barrierefrei | `string` | filter barrierefrei |  '0' or '1' 
 action | `string` | filter action |  '0' or '1' 
 short_distance | `string` | filter short_distance |  '0' or '1'