Add support for Meistertask service

src/js/components/Bubble.js

@@ -2,8 +2,8 @@ import React from "react"
 import PropTypes from "prop-types"
 import logoUrl from "images/logo.png"
 
-const Bubble = ({ bookedHours, onClick }) => (
-  <div className="moco-bx-bubble-inner" onClick={onClick}>
+const Bubble = ({ bookedHours }) => (
+  <div className="moco-bx-bubble-inner">
     <img className="moco-bx-logo" src={chrome.extension.getURL(logoUrl)} />
     {bookedHours > 0 ? (
       <span className="moco-bx-booked-hours">{bookedHours.toFixed(2)}</span>
@@ -12,8 +12,7 @@ const Bubble = ({ bookedHours, onClick }) => (
 )
 
 Bubble.propTypes = {
-  bookedHours: PropTypes.number,
-  onClick: PropTypes.func.isRequired
+  bookedHours: PropTypes.number
 }
 
 Bubble.defaultProps = {

src/js/content.js

@@ -43,15 +43,12 @@ chrome.runtime.onConnect.addListener(function(port) {
               <animated.div
                 className="moco-bx-bubble"
                 style={{ ...props, ...service.position }}
+                onClick={event => {
+                  event.stopPropagation()
+                  messenger.postMessage({ type: "togglePopup" })
+                }}
               >
-                <Bubble
-                  key={service.url}
-                  bookedHours={bookedHours}
-                  onClick={event => {
-                    event.stopPropagation()
-                    messenger.postMessage({ type: "togglePopup" })
-                  }}
-                />
+                <Bubble key={service.url} bookedHours={bookedHours} />
               </animated.div>
             ))
           }

src/js/remoteServices.js

@@ -68,6 +68,11 @@ export default {
     }
   },
 
+  meistertask: {
+    name: "meistertask",
+    urlPatterns: ["https\\://www.meistertask.com/app/task/:id/:slug"]
+  },
+
   trello: {
     name: "trello",
     urlPatterns: ["https\\://trello.com/c/:id/:title"],