v1.5.1 bug fixes. Fixed #18, #19

Author: lxieyang

CHANGELOG.md

@@ -12,6 +12,11 @@ All notable changes to this project will be documented in this file.
 
 # v1.x (official releases)
 
+### [1.5.1](https://github.com/lxieyang/vertical-tabs-chrome-extension/releases/tag/v1.5.1) (2019-12-29)
+
+- Fixed a bug where the `new URL()` API returns invalid.
+- Removed redundant code on search bar auto focus.
+
 ### [1.5.0](https://github.com/lxieyang/vertical-tabs-chrome-extension/releases/tag/v1.5.0) (2019-12-26)
 
 - Dark theme support! 🕶️🕶️🕶️

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vertical-tabs-chrome-extension",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "description": "A chrome extension that presents your tabs vertically.",
   "license": "MIT",
   "repository": {

src/pages/Sidebar/Sidebar.jsx

@@ -102,7 +102,7 @@ class Sidebar extends Component {
           status: 'complete',
           combinedText: [
             tab.title, // title
-            new URL(tab.url).hostname.replace('www.', ''), // hostname
+            tab.url !== '' ? new URL(tab.url).hostname.replace('www.', '') : '', // hostname
           ]
             .join(' ')
             .toLowerCase(),
@@ -156,7 +156,7 @@ class Sidebar extends Component {
       status: tab.status,
       combinedText: [
         tab.title, // title
-        new URL(tab.url).hostname.replace('www.', ''), // hostname
+        tab.url !== '' ? new URL(tab.url).hostname.replace('www.', '') : '', // hostname
       ]
         .join(' ')
         .toLowerCase(),

src/pages/Sidebar/containers/TabsList/SearchBar/SearchBar.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useRef, useContext } from 'react';
+import React, { useContext } from 'react';
 import DarkModeContext from '../../../context/dark-mode-context';
 import './SearchBar.css';
 
@@ -10,27 +10,10 @@ const SearchBar = ({
   const darkModeContext = useContext(DarkModeContext);
   const { isDark } = darkModeContext;
 
-  useEffect(() => {
-    chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
-      if (request.from === 'background' && request.msg === 'TOGGLE_SIDEBAR') {
-        if (request.toStatus) {
-          this.searchInput.focus();
-        } else {
-          this.searchInput.blur();
-        }
-      }
-    });
-  }, []);
-
-  let inputRef = useRef(null);
-
   return (
     <div className="SearchBarContainer">
       <input
         // autoFocus
-        ref={(input) => {
-          inputRef = input;
-        }}
         type="search"
         className={['SearchBarInput', isDark ? 'Dark' : null].join(' ')}
         placeholder={'🔍 search tabs here'}