Make it a locale-aware component and add other meetings

Author: jaimergp

community/minutes.mdx

@@ -1,17 +1,17 @@
-# Core team meetings
+# Community calls
 
-We hold biweekly meetings every second Wednesday from 17:00-18:00 (UTC). Feel free to stop by!
+## Meetings
 
-Look for the `⚫ [conda-forge] core meeting` events in the calendar below:
+We hold a a series of recurring meetings:
 
-<iframe
-  src={ `https://calendar.google.com/calendar/embed?height=500&wkst=1&ctz=${Intl.DateTimeFormat().resolvedOptions().timeZone}&showTitle=0&showTz=1&showPrint=0&src=ODgwNTU3MGE0ZTFjYTIzMTk4NDI5NzFkYjQzODBlZDUxOGM0OTA1NzdjMDY0NTRhZGYyMzAzNzM0NTA2ZjM5N0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t&color=%2333b679` }
-  width="100%"
-  height="500"
-  frameborder="0"
-  scrolling="no"
-  style={{ "margin-bottom": "2em", "margin-top": "1em" }}
-></iframe>
+- `⚫ [conda-forge] core meeting`: every second Wednesday from 17:00-18:00 (UTC). Despite the name, they are open to everyone. Feel free to stop by!
+- `⚫ [conda-forge] bot sync`: first Friday of the month at 15:00 (UTC). These are technical meetings meant for infrastructure and tooling contributors.
+
+Look for the events in the calendar below:
+
+import Calendar from '@site/src/components/Calendar';
+
+<Calendar />
 
 We encourage contributors to join the meetings and learn more about and from the community.
 

src/components/Calendar/index.jsx

@@ -0,0 +1,24 @@
+import { React, useEffect, useState } from "react";
+
+
+export default function Calendar() {
+  const [state, setState] = useState({
+    firstDay: 1,
+    timezone: 'UTC',
+  });
+  useEffect(() => {
+      const locale = Intl.DateTimeFormat().resolvedOptions().locale;
+      const firstDay = (new Intl.Locale(locale)).weekInfo.firstDay + 1;
+      const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+      setState({firstDay: firstDay, timezone: timezone});
+  })
+  return (
+    <iframe
+      src={ `https://calendar.google.com/calendar/embed?height=500&wkst=${state.firstDay}&ctz=${state.timezone}&showTitle=0&showTz=1&showPrint=0&src=ODgwNTU3MGE0ZTFjYTIzMTk4NDI5NzFkYjQzODBlZDUxOGM0OTA1NzdjMDY0NTRhZGYyMzAzNzM0NTA2ZjM5N0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t&color=%2333b679` }
+      width="100%"
+      height="500"
+      frameborder="0"
+      style={{ "margin-bottom": "2em", "margin-top": "1em" }}
+    ></iframe>
+  );
+}