Fixing CatalogAddButton (#2639)

* Start first action on button click

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Fixing SpeedDial styles

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

src/renderer/components/+catalog/catalog-add-button.scss

@@ -5,5 +5,20 @@
 
   .MuiFab-primary {
     background-color: var(--blue);
+
+    &:hover {
+      background-color: #317bb3;
+    }
  }
 }
+
+.MuiTooltip-popper {
+  .MuiTooltip-tooltip {
+    background-color: #222;
+    font-size: 12px
+  }
+
+  .MuiTooltip-arrow {
+    color: #222;
+  }
+}

src/renderer/components/+catalog/catalog-add-button.tsx

@@ -45,6 +45,13 @@ export class CatalogAddButton extends React.Component<CatalogAddButtonProps> {
     this.isOpen = false;
   }
 
+  @autobind()
+  onButtonClick() {
+    if (this.menuItems.length == 1) {
+      this.menuItems[0].onClick();
+    }
+  }
+
   render() {
     if (this.menuItems.length === 0) {
       return null;
@@ -59,6 +66,7 @@ export class CatalogAddButton extends React.Component<CatalogAddButtonProps> {
         onClose={this.onClose}
         icon={<Icon material="add" />}
         direction="up"
+        onClick={this.onButtonClick}
       >
         { this.menuItems.map((menuItem, index) => {
           return <SpeedDialAction