Integrated google calendar for events (#285)

* integrated google calendar for events * change btn variant
NEARBuilders · May 10, 2024 · a2d1ff0 · a2d1ff0
1 parent 7de4d7f
commit a2d1ff0
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 0 deletions.
diff --git a/apps/builddao/widget/events/GoogleCalendarJoin.jsx b/apps/builddao/widget/events/GoogleCalendarJoin.jsx
@@ -0,0 +1,22 @@
+const { Button } = VM.require("${config_account}/widget/components") || {
+  Button: () => <></>,
+};
+
+const { data } = props;
+
+function parseDateForGoogleCalendar(date) {
+  return date ? new Date(date).toISOString().replace(/-|:|\.\d+/g, "") : "";
+}
+
+const googleEventLink = `https://calendar.google.com/calendar/render?action=TEMPLATE&text=${encodeURIComponent(data.title)}&details=${encodeURIComponent(data.extendedProps.description ?? data.description)}&location=${encodeURIComponent(data?.url)}&dates=${encodeURIComponent(parseDateForGoogleCalendar(data.start))}/${encodeURIComponent(parseDateForGoogleCalendar(data.end))}`;
+
+return (
+  <Button
+    noLink={true}
+    href={`${googleEventLink}`}
+    target="_blank"
+    variant="outline"
+  >
+    Add to Google Calendar
+  </Button>
+);
diff --git a/apps/builddao/widget/events/ListView.jsx b/apps/builddao/widget/events/ListView.jsx
@@ -373,6 +373,13 @@ const EventGroup = ({ date }) => {
                   >
                     Join Now
                   </Button>
+                  <Widget
+                    src="${config_account}/widget/events.GoogleCalendarJoin"
+                    loading=""
+                    props={{
+                      data: event,
+                    }}
+                  />
                   {eventAuthor === context.accountId && (
                     <Button
                       onClick={handleDelete}

diff --git a/apps/builddao/widget/events/MonthView.jsx b/apps/builddao/widget/events/MonthView.jsx
@@ -292,6 +292,13 @@ return (
           >
             Join Now
           </Button>
+          <Widget
+            src="${config_account}/widget/events.GoogleCalendarJoin"
+            loading=""
+            props={{
+              data: data,
+            }}
+          />
           {eventAuthor === context.accountId && (
             <Button
               onClick={handleDelete}