feat(notion-calendar): Add Notion Calendar integration (#2272)

* feat(notion-calendar): Add Notion Calendar integration Closes #2271 * feat(notion-calendar): move calendar to notion.so file * feat(notion-calendar): remove notion calendar from integrations md file --------- Co-authored-by: Shrey Gupta <[email protected]>
toggl · Mar 5, 2024 · ea72a28 · ea72a28
1 parent 0f0e92c
commit ea72a28
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 0 deletions.
diff --git a/src/content/notion.js b/src/content/notion.js
@@ -83,3 +83,27 @@ togglbutton.render(
     elem.prepend(wrapper);
   }
 );
+
+/**
+ * @name Notion Calendar
+ * @urlAlias calendar.notion.so
+ * @urlRegex *://calendar.notion.so/*
+ */
+togglbutton.render(
+  'div[data-context-panel-root]:not(.toggl)',
+  { observe: true },
+  function (elem) {
+    function getDescription () {
+      const descriptionElem = elem.querySelector('div[contenteditable="true"]');
+      return descriptionElem ? descriptionElem.textContent.trim() : '';
+    }
+    if(!window.location.hostname.includes('calendar.notion.so')) return;
+    const link = togglbutton.createTimerLink({
+      className: 'notion-calendar',
+      description: getDescription
+    });
+
+    elem.firstChild.prepend(link);
+  }
+);
+
diff --git a/src/styles/style.css b/src/styles/style.css
@@ -1331,6 +1331,11 @@ body.notion-body.dark .toggl-button.notion {
   display: none !important;
 }
 
+/********* NOTION CALENDAR *********/
+.toggl-button.notion-calendar {
+  padding: 12px;
+}
+
 /********* TURTLE *********/
 .turtle-toggl-wrapper {
   display: inline-block;