From ef187b61ed1ec35170b8f4d4c851239244497009 Mon Sep 17 00:00:00 2001
From: pierroberto <pierroberto.lucisano@gmail.com>
Date: Tue, 8 Sep 2020 22:46:17 +0200
Subject: [PATCH 1/5] feat: add donate button

---
 src/pages/popup/Dashboard.js  | 35 ++++++++++++++++++++++-------------
 src/pages/popup/dashboard.css |  2 +-
 2 files changed, 23 insertions(+), 14 deletions(-)

diff --git a/src/pages/popup/Dashboard.js b/src/pages/popup/Dashboard.js
index f5dae35..55d20f1 100644
--- a/src/pages/popup/Dashboard.js
+++ b/src/pages/popup/Dashboard.js
@@ -5,7 +5,7 @@ import {
   deleteAllBookmark,
   deleteOneBookmark,
   addBookmark,
-  addFromButton
+  addFromButton,
 } from "../background/actions";
 import "./dashboard.css";
 import ListView from "./ListView.js";
@@ -21,10 +21,10 @@ class Dashboard extends React.Component {
 
   saveBookmark() {
     return new Promise((resolved, rejected) => {
-      chrome.tabs.query({ active: true, lastFocusedWindow: true }, data => {
+      chrome.tabs.query({ active: true, lastFocusedWindow: true }, (data) => {
         resolved(data);
       });
-    }).then(link => {
+    }).then((link) => {
       if (!link[0].favIconUrl) link[0].favIconUrl = "../assets/nothing.png";
       if (link[0].title.length > 10)
         link[0].title = truncate(link[0].title.toString(), 50);
@@ -50,7 +50,7 @@ class Dashboard extends React.Component {
     this.props.deleteAll();
   }
 
-  deleteTab = url => {
+  deleteTab = (url) => {
     this.props.deleteOne(url);
     return data;
   };
@@ -58,7 +58,7 @@ class Dashboard extends React.Component {
   componentDidMount() {
     // VERSION 1.0.2 Double check if the link has expireDate
 
-    this.props.bookmark.tabs.map(tab => {
+    this.props.bookmark.tabs.map((tab) => {
       if (tab.expiry >= this.props.settings.expireDate + Date.now()) {
         store.dispatch({ type: "EXPIRY", url: tab.tab[0].url });
       }
@@ -122,7 +122,16 @@ class Dashboard extends React.Component {
         {this.checkSearch()}
 
         <div className="footer">
-          <div className="footer__author">Pier Roberto Lucisano 📌 2019</div>
+          <div className="footer__author">Pier Roberto Lucisano 📌 2020</div>
+          <div className="footer__github">
+            <a
+              className="footer__link"
+              href="https://paypal.me/pierrobertolucisano"
+              target="_blank"
+            >
+              ❤️ Donate
+            </a>
+          </div>
           <div className="footer__social">
             <div className="footer__github">
               <i class="fa fa-github fa-lg" aria-hidden="true" />
@@ -141,18 +150,18 @@ class Dashboard extends React.Component {
   }
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
   bookmark: state.bookmark,
   settings: state.settings,
-  animation: state.animation
+  animation: state.animation,
 });
 
-const mapDispatchToProps = dispatch => ({
-  add: url => dispatch(addBookmark(url)),
-  refresh: data => dispatch(refreshBookmark(data)),
+const mapDispatchToProps = (dispatch) => ({
+  add: (url) => dispatch(addBookmark(url)),
+  refresh: (data) => dispatch(refreshBookmark(data)),
   deleteAll: () => dispatch(deleteAllBookmark()),
-  deleteOne: url => dispatch(deleteOneBookmark(url)),
-  addThroughButton: flag => dispatch(addFromButton(flag))
+  deleteOne: (url) => dispatch(deleteOneBookmark(url)),
+  addThroughButton: (flag) => dispatch(addFromButton(flag)),
 });
 
 export default connect(mapStateToProps, mapDispatchToProps)(Dashboard);
diff --git a/src/pages/popup/dashboard.css b/src/pages/popup/dashboard.css
index 63c6a2e..ad9b65c 100644
--- a/src/pages/popup/dashboard.css
+++ b/src/pages/popup/dashboard.css
@@ -45,7 +45,7 @@ button {
 }
 
 .footer__github {
-  width: 55px;
+  width: 60px;
   display: flex;
   justify-content: space-between;
 }

From 5ec742af5a3020b54d58bbae48c6c34f336f3385 Mon Sep 17 00:00:00 2001
From: pierroberto <pierroberto.lucisano@gmail.com>
Date: Tue, 8 Sep 2020 22:48:02 +0200
Subject: [PATCH 2/5] chore: add sad emoji

---
 src/pages/popup/ListView.js | 27 ++++++++++-----------------
 1 file changed, 10 insertions(+), 17 deletions(-)

diff --git a/src/pages/popup/ListView.js b/src/pages/popup/ListView.js
index fd3de25..232ac9f 100644
--- a/src/pages/popup/ListView.js
+++ b/src/pages/popup/ListView.js
@@ -1,17 +1,14 @@
-import React, { Component } from 'react';
-import './list-view.css';
-import randomId from 'uuid/v4';
-import ItemView from './ItemView';
+import React, { Component } from "react";
+import "./list-view.css";
+import randomId from "uuid/v4";
+import ItemView from "./ItemView";
 
 export default class ListView extends React.Component {
-
-  renderTabs () {
+  renderTabs() {
     if (this.props.tabs.length < 1) {
-      return (
-        <h2 className='empty-list'>No tabs to show :(</h2>
-      )
+      return <h2 className="empty-list">No tabs to show 😔</h2>;
     }
-    return this.props.tabs.map (tab => {
+    return this.props.tabs.map((tab) => {
       return (
         <ItemView
           key={randomId()}
@@ -23,15 +20,11 @@ export default class ListView extends React.Component {
           expirySettings={this.props.expirySettings}
           expired={this.props.expired}
         ></ItemView>
-      )
+      );
     });
   }
 
-  render () {
-    return (
-      <div>
-        {this.renderTabs()}
-      </div>
-    )
+  render() {
+    return <div>{this.renderTabs()}</div>;
   }
 }

From e661af72434052c1a6eaf64ad50d55cb36d05137 Mon Sep 17 00:00:00 2001
From: pierroberto <pierroberto.lucisano@gmail.com>
Date: Wed, 9 Sep 2020 20:55:37 +0200
Subject: [PATCH 3/5] chore: update manifest version

---
 src/manifest.json | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/manifest.json b/src/manifest.json
index c2d91b0..4e3389d 100644
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -2,9 +2,8 @@
   "manifest_version": 2,
   "name": "Pin tabs - Tab Manager",
   "short_name": "Keep tabs history",
-  "version": "1.2.0",
-  "description":
-    "Pin Tabs allows the user to pin one or more tabs for short periods, keep track of the expired tabs in the history and save energy",
+  "version": "1.3.0",
+  "description": "Pin Tabs allows the user to pin one or more tabs for short periods, keep track of the expired tabs in the history and save energy",
   "browser_action": {
     "default_title": "Show the list of pinned tabs",
     "default_popup": "pages/popup.html"
@@ -35,6 +34,5 @@
     "48": "assets/list.png",
     "128": "assets/list128.png"
   },
-  "content_security_policy":
-    "script-src 'self' https://ssl.google-analytics.com; object-src 'self'"
+  "content_security_policy": "script-src 'self' https://ssl.google-analytics.com; object-src 'self'"
 }

From 83ee1866cdd5614a36f4d406c0552a0f7aff412f Mon Sep 17 00:00:00 2001
From: pierroberto <pierroberto.lucisano@gmail.com>
Date: Wed, 9 Sep 2020 21:05:26 +0200
Subject: [PATCH 4/5] chore: run prettier

---
 src/pages/background/actions.js             | 68 ++++++++---------
 src/pages/background/index.js               | 20 ++---
 src/pages/background/localStorage.js        | 18 ++---
 src/pages/background/reducers.js            | 18 ++---
 src/pages/background/reducers/animations.js | 16 ++--
 src/pages/background/reducers/settings.js   | 23 +++---
 src/pages/background/store.js               | 40 +++++-----
 src/pages/content/index.css                 | 16 ++--
 src/pages/content/index.js                  | 84 ++++++++++-----------
 src/pages/popup/Dashboard.js                | 29 +++----
 src/pages/popup/Search.js                   |  5 +-
 src/pages/popup/Settings.js                 |  5 +-
 src/pages/popup/index.js                    | 25 +++---
 src/pages/popup/item-view.css               |  8 +-
 src/pages/popup/settings.css                |  2 +-
 src/pages/popup/test.js                     | 32 ++++----
 16 files changed, 201 insertions(+), 208 deletions(-)

diff --git a/src/pages/background/actions.js b/src/pages/background/actions.js
index 62341b5..8c31c49 100644
--- a/src/pages/background/actions.js
+++ b/src/pages/background/actions.js
@@ -1,66 +1,64 @@
-
 //BOOKMARKS ACTIONS
 export const refreshBookmark = (data, time) => ({
-  type: 'REFRESH',
+  type: "REFRESH",
   urlList: data,
   expiry: time
-})
+});
 
 export const deleteAllBookmark = () => ({
-  type: 'DELETE-ALL',
-})
+  type: "DELETE-ALL"
+});
 
-export const deleteOneBookmark = (url) => ({
-  type: 'DELETE-ONE',
+export const deleteOneBookmark = url => ({
+  type: "DELETE-ONE",
   url: url
-})
+});
 
-export const addBookmark = (url) => ({
-  type: 'ADD',
+export const addBookmark = url => ({
+  type: "ADD",
   urlList: url,
   expiry: new Date().getTime()
-})
+});
 
-export const addFromButton = (flag) => ({
-  type: 'DELETE-ONE',
+export const addFromButton = flag => ({
+  type: "DELETE-ONE",
   addFromButton: flag
-})
+});
 
-export const searchBookmark = (text) => ({
-  type: 'SEARCH',
+export const searchBookmark = text => ({
+  type: "SEARCH",
   textSearched: text
-})
+});
 
 export const emptySearch = () => ({
-  type: 'EMPTY-SEARCH'
-})
+  type: "EMPTY-SEARCH"
+});
 
 //SETTINGS actions
 
-export const toggleButton = (flag) => ({
-  type: 'TOGGLE-BUTTON',
+export const toggleButton = flag => ({
+  type: "TOGGLE-BUTTON",
   toggleButton: flag
-})
+});
 
-export const expireDate = (date) => ({
-  type: 'UPDATE-DATE',
+export const expireDate = date => ({
+  type: "UPDATE-DATE",
   expireDate: date
-})
+});
 
-export const toggleButtonHistory = (flag) => ({
-  type: 'TOGGLE-BUTTON-HISTORY',
+export const toggleButtonHistory = flag => ({
+  type: "TOGGLE-BUTTON-HISTORY",
   toggleButtonHistory: flag
-})
-
+});
 
 // ANIMATION ACTIONS
 
-export const buttonCog = (flag) => ({
-  type: 'TOGGLE-COG',
+export const buttonCog = flag => ({
+  type: "TOGGLE-COG",
   buttonCog: flag
-})
+});
 
-export const toggleSearch = (classValue) => ({
-  type: 'TOGGLE-SEARCH',
+export const toggleSearch = classValue => ({
+  type: "TOGGLE-SEARCH",
   toggleSearch: classValue
-})
+});
diff --git a/src/pages/background/index.js b/src/pages/background/index.js
index e012ad5..837e4fd 100644
--- a/src/pages/background/index.js
+++ b/src/pages/background/index.js
@@ -1,14 +1,16 @@
-import store from './store';
+import store from "./store";
 
-store.subscribe (() => {
-    store.getState().bookmark.tabs.map(infoTab => {
-      chrome.alarms.create(infoTab.tab[0].url, {when: infoTab.expiry + store.getState().settings.expireDate})
+store.subscribe(() => {
+  store.getState().bookmark.tabs.map(infoTab => {
+    chrome.alarms.create(infoTab.tab[0].url, {
+      when: infoTab.expiry + store.getState().settings.expireDate
     });
+  });
 });
 
-chrome.alarms.onAlarm.addListener(function (data) {
+chrome.alarms.onAlarm.addListener(function(data) {
   const elementExpired = store.getState().bookmark.tabs.filter(el => {
-    return el.tab[0].url === data.name
-  })
-  store.dispatch({type:'EXPIRY', url: elementExpired[0].tab[0].url})
-})
+    return el.tab[0].url === data.name;
+  });
+  store.dispatch({ type: "EXPIRY", url: elementExpired[0].tab[0].url });
+});
diff --git a/src/pages/background/localStorage.js b/src/pages/background/localStorage.js
index 24e9801..067ec84 100644
--- a/src/pages/background/localStorage.js
+++ b/src/pages/background/localStorage.js
@@ -1,20 +1,18 @@
-export const saveState = (state) => {
+export const saveState = state => {
   try {
     const serializedState = JSON.stringify(state);
-    localStorage.setItem('state', serializedState);
+    localStorage.setItem("state", serializedState);
   } catch (e) {
-    console.error('Error saving state', e);
+    console.error("Error saving state", e);
   }
-}
+};
 
 export const loadState = () => {
   try {
-    const serializedState = localStorage.getItem('state');
-    if(serializedState === null) {
+    const serializedState = localStorage.getItem("state");
+    if (serializedState === null) {
       return undefined;
     }
     return JSON.parse(serializedState);
-  } catch (e) {
-
-  }
-}
+  } catch (e) {}
+};
diff --git a/src/pages/background/reducers.js b/src/pages/background/reducers.js
index 911da6e..35992d0 100644
--- a/src/pages/background/reducers.js
+++ b/src/pages/background/reducers.js
@@ -1,10 +1,10 @@
-import {combineReducers} from 'redux';
-import bookmark from './reducers/bookmarks';
-import settings from './reducers/settings';
-import animation from './reducers/animations';
+import { combineReducers } from "redux";
+import bookmark from "./reducers/bookmarks";
+import settings from "./reducers/settings";
+import animation from "./reducers/animations";
 
-export default combineReducers ({
-  bookmark : bookmark,
-  settings : settings,
-  animation: animation,
-})
+export default combineReducers({
+  bookmark: bookmark,
+  settings: settings,
+  animation: animation
+});
diff --git a/src/pages/background/reducers/animations.js b/src/pages/background/reducers/animations.js
index ee424ea..aa92fe6 100644
--- a/src/pages/background/reducers/animations.js
+++ b/src/pages/background/reducers/animations.js
@@ -1,24 +1,22 @@
-
 const defaultState = {
   buttonCog: false
-}
+};
 
-const animation = (state=defaultState,action) => {
+const animation = (state = defaultState, action) => {
   switch (action.type) {
-    case 'TOGGLE-COG':
+    case "TOGGLE-COG":
       return {
         ...state,
         buttonCog: action.buttonCog
-      }
-    case 'TOGGLE-SEARCH':
+      };
+    case "TOGGLE-SEARCH":
       return {
         ...state,
         toggleSearch: action.toggleSearch
-      }
+      };
     default:
       return state;
   }
-
-}
+};
 
 export default animation;
diff --git a/src/pages/background/reducers/settings.js b/src/pages/background/reducers/settings.js
index ebe8078..bea19bd 100644
--- a/src/pages/background/reducers/settings.js
+++ b/src/pages/background/reducers/settings.js
@@ -1,31 +1,28 @@
-
 const defaultState = {
   button: false,
   buttonHystory: true,
   expireDate: 86400000 // 1 day
+};
 
-}
-
-const settings = (state=defaultState,action) => {
+const settings = (state = defaultState, action) => {
   switch (action.type) {
-    case 'TOGGLE-BUTTON':
+    case "TOGGLE-BUTTON":
       return {
         ...state,
         button: action.toggleButton
-      }
-    case 'TOGGLE-BUTTON-HISTORY':
+      };
+    case "TOGGLE-BUTTON-HISTORY":
       return {
         ...state,
         buttonHistory: action.toggleButtonHistory
-      }
-    case 'UPDATE-DATE':
+      };
+    case "UPDATE-DATE":
       return {
         ...state,
         expireDate: action.expireDate
-      }
-
+      };
   }
-  return state
-}
+  return state;
+};
 
 export default settings;
diff --git a/src/pages/background/store.js b/src/pages/background/store.js
index 271319d..76f6e81 100644
--- a/src/pages/background/store.js
+++ b/src/pages/background/store.js
@@ -1,25 +1,25 @@
-import { applyMiddleware, createStore } from 'redux'
-import { wrapStore, alias } from 'react-chrome-redux'
-import { createLogger } from 'redux-logger'
-import thunk from 'redux-thunk'
-import reducer from './reducers'
-import throttle from 'lodash/throttle';
-import { saveState, loadState } from './localStorage';
-const store = createStore(
-  reducer,
-  loadState()
-);
+import { applyMiddleware, createStore } from "redux";
+import { wrapStore, alias } from "react-chrome-redux";
+import { createLogger } from "redux-logger";
+import thunk from "redux-thunk";
+import reducer from "./reducers";
+import throttle from "lodash/throttle";
+import { saveState, loadState } from "./localStorage";
+const store = createStore(reducer, loadState());
 
-store.subscribe(throttle(() => {
-  saveState({
-    bookmark: store.getState().bookmark,
-    settings: store.getState().settings,
-    animation: store.getState().animation
-  })
-}), 1000);
+store.subscribe(
+  throttle(() => {
+    saveState({
+      bookmark: store.getState().bookmark,
+      settings: store.getState().settings,
+      animation: store.getState().animation
+    });
+  }),
+  1000
+);
 
 wrapStore(store, {
-  portName: 'COUNTING',
-})
+  portName: "COUNTING"
+});
 
 export default store;
diff --git a/src/pages/content/index.css b/src/pages/content/index.css
index 58ba8c0..9b2a3d6 100644
--- a/src/pages/content/index.css
+++ b/src/pages/content/index.css
@@ -4,9 +4,9 @@
   bottom: 20px;
   height: 50px;
   width: 50px;
-  box-shadow: 6px 6px 18px 0 rgba(0,0,0,0.3);
+  box-shadow: 6px 6px 18px 0 rgba(0, 0, 0, 0.3);
   border-radius: 100%;
-  background-color: #33C3F0;
+  background-color: #33c3f0;
   cursor: pointer;
   z-index: 99999;
 }
@@ -22,8 +22,8 @@
   padding: 10px 20px;
   right: 70px;
   top: 50%;
-  color: #33C3F0;
-  box-shadow: 6px 6px 18px 0 rgba(0,0,0,0.1);
+  color: #33c3f0;
+  box-shadow: 6px 6px 18px 0 rgba(0, 0, 0, 0.1);
   font-size: 12px;
   text-transform: uppercase;
   letter-spacing: 3px;
@@ -32,7 +32,7 @@
 }
 
 .popup:before {
-  content: '';
+  content: "";
   position: absolute;
   top: 50%;
   right: 0;
@@ -42,7 +42,6 @@
   border-top: 7px solid transparent;
   border-bottom: 7px solid transparent;
   border-left: 7px solid white;
-
 }
 
 .popup-visibility-show {
@@ -65,18 +64,17 @@
   position: absolute;
   top: 50%;
   left: 50%;
-  transform: translate(-50%,-50%);
+  transform: translate(-50%, -50%);
   width: 2px;
   height: 20px;
   background-color: white;
-
 }
 
 .y-line {
   position: absolute;
   top: 50%;
   left: 50%;
-  transform: translate(-50%,-50%);
+  transform: translate(-50%, -50%);
   width: 20px;
   height: 2px;
   background-color: white;
diff --git a/src/pages/content/index.js b/src/pages/content/index.js
index e34dd42..b9917d9 100644
--- a/src/pages/content/index.js
+++ b/src/pages/content/index.js
@@ -1,72 +1,72 @@
-import React, { Component } from 'react';
-import { render } from 'react-dom';
-import './index.css';
-import {Store} from 'react-chrome-redux';
-import {Provider} from 'react-redux'
-import { connect } from 'react-redux';
+import React, { Component } from "react";
+import { render } from "react-dom";
+import "./index.css";
+import { Store } from "react-chrome-redux";
+import { Provider } from "react-redux";
+import { connect } from "react-redux";
 
 const store = new Store({
-  portName: 'COUNTING',
-})
+  portName: "COUNTING"
+});
 
 export default class InjectApp extends Component {
-    constructor (props) {
-      super(props)
-      this.classButtonDetail='';
-      this.classPopupDetail='';
-    }
+  constructor(props) {
+    super(props);
+    this.classButtonDetail = "";
+    this.classPopupDetail = "";
+  }
   render() {
     if (!this.props.settings || !this.props.animation) return null;
     if (this.props.animation.buttonCog) {
-      this.classButtonDetail='circle faa-tada ';
-      this.classPopupDetail='popup popup-visibility-show ';
+      this.classButtonDetail = "circle faa-tada ";
+      this.classPopupDetail = "popup popup-visibility-show ";
       setTimeout(function() {
-        store.dispatch({type:'TOGGLE-COG', buttonCog: false});
-      }, 3500)
+        store.dispatch({ type: "TOGGLE-COG", buttonCog: false });
+      }, 3500);
     }
     if (!this.props.animation.buttonCog) {
-      this.classButtonDetail='circle ';
-      this.classPopupDetail='popup popup-visibility-hide';
+      this.classButtonDetail = "circle ";
+      this.classPopupDetail = "popup popup-visibility-hide";
     }
     return (
-    <div>
+      <div>
         <div
-          className={this.props.settings.button ? `${this.classButtonDetail} visible` : `${this.classButtonDetail} hidden`}
-          accessKey='s'
-          onClick={() => {
-              store.dispatch({type:'ADD-FROM-BUTTON', addFromButton: true});
-              store.dispatch({type:'TOGGLE-COG', buttonCog: true});
-            }
+          className={
+            this.props.settings.button
+              ? `${this.classButtonDetail} visible`
+              : `${this.classButtonDetail} hidden`
           }
-          >
+          accessKey="s"
+          onClick={() => {
+            store.dispatch({ type: "ADD-FROM-BUTTON", addFromButton: true });
+            store.dispatch({ type: "TOGGLE-COG", buttonCog: true });
+          }}
+        >
           <div className={this.classPopupDetail}>Saved</div>
-          <div className='x-line'></div>
-          <div className='y-line'></div>
+          <div className="x-line"></div>
+          <div className="y-line"></div>
         </div>
-    </div>
+      </div>
     );
-
-
   }
 }
 
-const mapStateToProps = (state) => ({
-  settings : state.settings,
+const mapStateToProps = state => ({
+  settings: state.settings,
   animation: state.animation
 });
 
 const ConnectedInjectApp = connect(mapStateToProps)(InjectApp);
 
-
-window.addEventListener('load', () => {
-
-  const injectDOM = document.createElement('div');
-  injectDOM.className = 'inject-react';
-  injectDOM.style.textAlign = 'center';
+window.addEventListener("load", () => {
+  const injectDOM = document.createElement("div");
+  injectDOM.className = "inject-react";
+  injectDOM.style.textAlign = "center";
   document.body.appendChild(injectDOM);
   render(
     <Provider store={store}>
       <ConnectedInjectApp />
-    </Provider>
-    , injectDOM);
+    </Provider>,
+    injectDOM
+  );
 });
diff --git a/src/pages/popup/Dashboard.js b/src/pages/popup/Dashboard.js
index 55d20f1..7f439b1 100644
--- a/src/pages/popup/Dashboard.js
+++ b/src/pages/popup/Dashboard.js
@@ -5,7 +5,7 @@ import {
   deleteAllBookmark,
   deleteOneBookmark,
   addBookmark,
-  addFromButton,
+  addFromButton
 } from "../background/actions";
 import "./dashboard.css";
 import ListView from "./ListView.js";
@@ -21,10 +21,10 @@ class Dashboard extends React.Component {
 
   saveBookmark() {
     return new Promise((resolved, rejected) => {
-      chrome.tabs.query({ active: true, lastFocusedWindow: true }, (data) => {
+      chrome.tabs.query({ active: true, lastFocusedWindow: true }, data => {
         resolved(data);
       });
-    }).then((link) => {
+    }).then(link => {
       if (!link[0].favIconUrl) link[0].favIconUrl = "../assets/nothing.png";
       if (link[0].title.length > 10)
         link[0].title = truncate(link[0].title.toString(), 50);
@@ -50,7 +50,7 @@ class Dashboard extends React.Component {
     this.props.deleteAll();
   }
 
-  deleteTab = (url) => {
+  deleteTab = url => {
     this.props.deleteOne(url);
     return data;
   };
@@ -58,7 +58,7 @@ class Dashboard extends React.Component {
   componentDidMount() {
     // VERSION 1.0.2 Double check if the link has expireDate
 
-    this.props.bookmark.tabs.map((tab) => {
+    this.props.bookmark.tabs.map(tab => {
       if (tab.expiry >= this.props.settings.expireDate + Date.now()) {
         store.dispatch({ type: "EXPIRY", url: tab.tab[0].url });
       }
@@ -150,18 +150,21 @@ class Dashboard extends React.Component {
   }
 }
 
-const mapStateToProps = (state) => ({
+const mapStateToProps = state => ({
   bookmark: state.bookmark,
   settings: state.settings,
-  animation: state.animation,
+  animation: state.animation
 });
 
-const mapDispatchToProps = (dispatch) => ({
-  add: (url) => dispatch(addBookmark(url)),
-  refresh: (data) => dispatch(refreshBookmark(data)),
+const mapDispatchToProps = dispatch => ({
+  add: url => dispatch(addBookmark(url)),
+  refresh: data => dispatch(refreshBookmark(data)),
   deleteAll: () => dispatch(deleteAllBookmark()),
-  deleteOne: (url) => dispatch(deleteOneBookmark(url)),
-  addThroughButton: (flag) => dispatch(addFromButton(flag)),
+  deleteOne: url => dispatch(deleteOneBookmark(url)),
+  addThroughButton: flag => dispatch(addFromButton(flag))
 });
 
-export default connect(mapStateToProps, mapDispatchToProps)(Dashboard);
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(Dashboard);
diff --git a/src/pages/popup/Search.js b/src/pages/popup/Search.js
index 71d1972..8d98579 100644
--- a/src/pages/popup/Search.js
+++ b/src/pages/popup/Search.js
@@ -55,4 +55,7 @@ const mapDispatchToProps = dispatch => ({
   displaySearch: classValue => dispatch(toggleSearch(classValue))
 });
 
-export default connect(mapStateToProps, mapDispatchToProps)(Search);
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(Search);
diff --git a/src/pages/popup/Settings.js b/src/pages/popup/Settings.js
index 20a0e7f..85cc097 100644
--- a/src/pages/popup/Settings.js
+++ b/src/pages/popup/Settings.js
@@ -76,4 +76,7 @@ const mapDispatchToProps = dispatch => ({
   expire: date => dispatch(expireDate(date))
 });
 
-export default connect(mapStateToProps, mapDispatchToProps)(Settings);
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(Settings);
diff --git a/src/pages/popup/index.js b/src/pages/popup/index.js
index f998432..b94614d 100644
--- a/src/pages/popup/index.js
+++ b/src/pages/popup/index.js
@@ -1,22 +1,21 @@
-import React from 'react'
-import ReactDOM from 'react-dom'
-import {Provider} from 'react-redux'
-import {Store} from 'react-chrome-redux'
-import App from './App';
+import React from "react";
+import ReactDOM from "react-dom";
+import { Provider } from "react-redux";
+import { Store } from "react-chrome-redux";
+import App from "./App";
 
 const store = new Store({
-  portName: 'COUNTING',
-})
+  portName: "COUNTING"
+});
 
 store.ready().then(() => {
-
-  const mountNode = document.createElement('div')
-  document.body.appendChild(mountNode)
+  const mountNode = document.createElement("div");
+  document.body.appendChild(mountNode);
 
   ReactDOM.render(
     <Provider store={store}>
-      <App/>
+      <App />
     </Provider>,
     mountNode
-  )
-})
+  );
+});
diff --git a/src/pages/popup/item-view.css b/src/pages/popup/item-view.css
index 0a9d7e8..2281194 100644
--- a/src/pages/popup/item-view.css
+++ b/src/pages/popup/item-view.css
@@ -1,10 +1,9 @@
-
 .content-container {
   display: flex;
   align-items: end;
   justify-content: space-between;
   padding: 15px 0;
-  border-bottom: 1px solid #F2F2F2;
+  border-bottom: 1px solid #f2f2f2;
 }
 
 .content-container:last-child {
@@ -16,24 +15,19 @@
   width: 16px;
   height: 16px;
   margin-right: 5px;
-
 }
 
 .col-1-2 {
   color: #099ecf;
-
 }
 
-
 .icon {
   width: 16px;
   height: 16px;
-
 }
 
 .row {
   display: flex;
-
 }
 
 .title {
diff --git a/src/pages/popup/settings.css b/src/pages/popup/settings.css
index 250bfd6..bd306f6 100644
--- a/src/pages/popup/settings.css
+++ b/src/pages/popup/settings.css
@@ -1,5 +1,5 @@
 .fa-check:hover {
-  color: #33C3F0;
+  color: #33c3f0;
 }
 
 label {
diff --git a/src/pages/popup/test.js b/src/pages/popup/test.js
index 081ef6b..c9c979d 100644
--- a/src/pages/popup/test.js
+++ b/src/pages/popup/test.js
@@ -1,25 +1,25 @@
-import React from 'react';
-import * as actions from '../background/actions';
-import { shallow } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-15';
-import App from './App';
-import { configure } from 'enzyme';
+import React from "react";
+import * as actions from "../background/actions";
+import { shallow } from "enzyme";
+import Adapter from "enzyme-adapter-react-15";
+import App from "./App";
+import { configure } from "enzyme";
 
 configure({ adapter: new Adapter() });
-describe ('<App />', () => {
-  it('renders 1 <App /> component', () => {
+describe("<App />", () => {
+  it("renders 1 <App /> component", () => {
     const component = shallow(<App />);
     expect(component).toHaveLength(1);
-  })
-})
-describe('actions', () => {
-  it('schould add a new tab', () => {
+  });
+});
+describe("actions", () => {
+  it("schould add a new tab", () => {
     const urlList = "http://www.google.com";
     const add = {
       type: "ADD",
       urlList,
-      expiry: new Date().getTime(),
-    }
+      expiry: new Date().getTime()
+    };
     expect(actions.addBookmark(urlList)).toEqual(add);
-  })
-})
+  });
+});

From 71fd1f60533990f3fb38ed3f12dd8aa8133a56d9 Mon Sep 17 00:00:00 2001
From: pierroberto <pierroberto.lucisano@gmail.com>
Date: Wed, 9 Sep 2020 21:06:28 +0200
Subject: [PATCH 5/5] chore: update manifest

---
 src/manifest.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/manifest.json b/src/manifest.json
index 4e3389d..13db3b5 100644
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -2,7 +2,7 @@
   "manifest_version": 2,
   "name": "Pin tabs - Tab Manager",
   "short_name": "Keep tabs history",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "Pin Tabs allows the user to pin one or more tabs for short periods, keep track of the expired tabs in the history and save energy",
   "browser_action": {
     "default_title": "Show the list of pinned tabs",