Add middleclick support for service button (#33)

wachunei · Aug 13, 2020 · dbcfc08 · dbcfc08
1 parent 4592008
commit dbcfc08
Showing 1 changed file with 20 additions and 3 deletions.
diff --git a/src/js/ui/containers/Popup/index.jsx b/src/js/ui/containers/Popup/index.jsx
@@ -53,15 +53,31 @@ const Popup = () => {
     })();
   }, [username]);
 
-  const handleServiceClick = async ({ target }) => {
-    const { service } = target.dataset;
+  const handleServiceClick = async (event) => {
+    const {
+      type,
+      button,
+      target: {
+        dataset: { service },
+      },
+    } = event;
+
+    const isMiddleClick = type === "auxclick" && button === 1;
+
     setLoading(true);
     try {
       await dispatch({
         type: `servicesActions.${service}.callActionAndRedirect`,
+        payload: {
+          disposition: isMiddleClick ? "newBackgroundTab" : undefined,
+        },
       });
+
       setLoading(false);
-      window.close();
+
+      if (!isMiddleClick) {
+        window.close();
+      }
     } catch {
       setLoading(false);
     }
@@ -114,6 +130,7 @@ const Popup = () => {
             key={key}
             service={service}
             onClick={handleServiceClick}
+            onAuxClick={handleServiceClick}
             data-service={key}
             title={`Abrir ${service.name}`}
             // eslint-disable-next-line jsx-a11y/tabindex-no-positive