#42: Show tab count option

tomlerendu · Dec 2, 2019 · 2aa9ea0 · 2aa9ea0
1 parent 4ed0ae3
commit 2aa9ea0
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/src/components/options/options.jsx b/src/components/options/options.jsx
@@ -80,18 +80,22 @@ export class Options extends React.Component {
               </a>
             </p>
           </div>
-          <OptionGroup title={ 'Show Tabs From' }
+          <OptionGroup title={ 'Show tabs from' }
                        options={ options.showTabsFrom }
                        value={ this.state.options.showTabsFrom }
                        valueUpdated={ value => this.handleOptionUpdated('showTabsFrom', value) } />
-          <OptionGroup title={ 'Display Density' }
+          <OptionGroup title={ 'Display density' }
                        options={ options.displayDensity }
                        value={ this.state.options.displayDensity }
                        valueUpdated={ value => this.handleOptionUpdated('displayDensity', value) } />
           <OptionGroup title={ 'Width' }
                        options={ options.width }
                        value={ this.state.options.width }
                        valueUpdated={ value => this.handleOptionUpdated('width', value) } />
+          <OptionGroup title={ 'Show tab count on browser action' }
+                       options={ options.browserActionTabCount }
+                       value={ this.state.options.browserActionTabCount }
+                       valueUpdated={ value => this.handleOptionUpdated('browserActionTabCount', value) } />
           <div className={ 'mb-4' }>
             <h2 className={ 'text-lg my-2' }>About</h2>
             <p>

diff --git a/src/providers/options.js b/src/providers/options.js
@@ -2,6 +2,7 @@ export const defaults = {
   showTabsFrom: 'all',
   displayDensity: 'comfortable',
   width: 'medium',
+  browserActionTabCount: 'dontShow',
 };
 
 export const showTabsFrom = {
@@ -21,4 +22,10 @@ export const width = {
   medium: 'Medium',
   large: 'Large',
   gigantic: 'Gigantic',
+};
+
+export const browserActionTabCount = {
+  dontShow: 'Dont show',
+  all: 'All windows',
+  current: 'The current window',
 };