Update UI Packages

Align with Lidarr

frontend/src/Components/Page/Header/AuthorSearchInput.js

@@ -57,12 +57,12 @@ class AuthorSearchInput extends Component {
 
   setAutosuggestRef = (ref) => {
     this._autosuggest = ref;
-  }
+  };
 
   focusInput = (event) => {
     event.preventDefault();
     this._autosuggest.input.focus();
-  }
+  };
 
   getSectionSuggestions(section) {
     return section.suggestions;
@@ -154,7 +154,7 @@ class AuthorSearchInput extends Component {
     }
 
     this.setState({ value: newValue });
-  }
+  };
 
   onKeyDown = (event) => {
     if (event.shiftKey || event.altKey || event.ctrlKey) {
@@ -199,11 +199,11 @@ class AuthorSearchInput extends Component {
 
     this._autosuggest.input.blur();
     this.reset();
-  }
+  };
 
   onBlur = () => {
     this.reset();
-  }
+  };
 
   onSuggestionsFetchRequested = ({ value }) => {
     if (!this.state.loading) {
@@ -268,14 +268,14 @@ class AuthorSearchInput extends Component {
 
       this.getWorker().postMessage(payload);
     }
-  }
+  };
 
   onSuggestionsClearRequested = () => {
     this.setState({
       suggestions: [],
       loading: false
     });
-  }
+  };
 
   onSuggestionSelected = (event, { suggestion }) => {
     if (suggestion.type === ADD_NEW_TYPE) {
@@ -283,7 +283,7 @@ class AuthorSearchInput extends Component {
     } else {
       this.goToItem(suggestion);
     }
-  }
+  };
 
   //
   // Render

frontend/src/Components/Page/Header/PageHeader.js

@@ -31,14 +31,14 @@ class PageHeader extends Component {
 
   onOpenKeyboardShortcutsModal = () => {
     this.setState({ isKeyboardShortcutsModalOpen: true });
-  }
+  };
 
   //
   // Listeners
 
   onKeyboardShortcutsModalClose = () => {
     this.setState({ isKeyboardShortcutsModalOpen: false });
-  }
+  };
 
   //
   // Render

frontend/src/Components/Page/Header/PageHeaderActionsMenuConnector.js

@@ -28,11 +28,11 @@ class PageHeaderActionsMenuConnector extends Component {
 
   onRestartPress = () => {
     this.props.restart();
-  }
+  };
 
   onShutdownPress = () => {
     this.props.shutdown();
-  }
+  };
 
   //
   // Render

frontend/src/Components/Page/Page.js

@@ -54,15 +54,15 @@ class Page extends Component {
       width: window.innerWidth,
       height: window.innerHeight
     });
-  }
+  };
 
   onUpdatedModalClose = () => {
     this.setState({ isUpdatedModalOpen: false });
-  }
+  };
 
   onConnectionLostModalClose = () => {
     this.setState({ isConnectionLostModalOpen: false });
-  }
+  };
 
   //
   // Render

frontend/src/Components/Page/PageConnector.js

@@ -218,7 +218,7 @@ class PageConnector extends Component {
 
   onSidebarToggle = () => {
     this.props.onSidebarVisibleChange(!this.props.isSidebarVisible);
-  }
+  };
 
   //
   // Render

frontend/src/Components/Page/PageContentBody.js

@@ -16,7 +16,7 @@ class PageContentBody extends Component {
     if (this.props.onScroll && !isLocked()) {
       onScroll(props);
     }
-  }
+  };
 
   //
   // Render

frontend/src/Components/Page/PageJumpBar.js

@@ -103,7 +103,7 @@ class PageJumpBar extends Component {
     if (height > 0) {
       this.setState({ height });
     }
-  }
+  };
 
   //
   // Render

frontend/src/Components/Page/PageJumpBarItem.js

@@ -15,7 +15,7 @@ class PageJumpBarItem extends Component {
     } = this.props;
 
     onItemPress(label);
-  }
+  };
 
   //
   // Render

frontend/src/Components/Page/Sidebar/Messages/MessageConnector.js

@@ -35,11 +35,11 @@ class MessageConnector extends Component {
     if (hideAfter) {
       this._hideTimeoutId = setTimeout(this.hideMessage, hideAfter * 1000);
     }
-  }
+  };
 
   hideMessage = () => {
     this.props.hideMessage({ id: this.props.id });
-  }
+  };
 
   //
   // Render

frontend/src/Components/Page/Sidebar/PageSidebar.js

@@ -297,7 +297,7 @@ class PageSidebar extends Component {
 
   _setSidebarRef = (ref) => {
     this._sidebarRef = ref;
-  }
+  };
 
   _setSidebarTransform(isSidebarVisible, transition, callback) {
     this.setState({
@@ -326,11 +326,11 @@ class PageSidebar extends Component {
       event.stopPropagation();
       this.props.onSidebarVisibleChange(false);
     }
-  }
+  };
 
   onWindowScroll = () => {
     this.setState(getPositioning());
-  }
+  };
 
   onTouchStart = (event) => {
     const touches = event.touches;
@@ -350,7 +350,7 @@ class PageSidebar extends Component {
 
     this._touchStartX = touchStartX;
     this._touchStartY = touchStartY;
-  }
+  };
 
   onTouchMove = (event) => {
     const touches = event.touches;
@@ -387,7 +387,7 @@ class PageSidebar extends Component {
       transition: 'none',
       transform
     });
-  }
+  };
 
   onTouchEnd = (event) => {
     const touches = event.changedTouches;
@@ -407,16 +407,16 @@ class PageSidebar extends Component {
 
     this._touchStartX = null;
     this._touchStartY = null;
-  }
+  };
 
   onTouchCancel = (event) => {
     this._touchStartX = null;
     this._touchStartY = null;
-  }
+  };
 
   onItemPress = () => {
     this.props.onSidebarVisibleChange(false);
-  }
+  };
 
   //
   // Render

frontend/src/Components/Page/Sidebar/PageSidebarItem.js

@@ -21,7 +21,7 @@ class PageSidebarItem extends Component {
     if (isChildItem || !isParentItem) {
       onPress();
     }
-  }
+  };
 
   //
   // Render

frontend/src/Components/Page/Toolbar/PageToolbarSection.js

@@ -108,7 +108,7 @@ class PageToolbarSection extends Component {
       isMeasured: true,
       width
     });
-  }
+  };
 
   //
   // Render