Button in Settings to Open in Browser

jaruba · Jul 22, 2018 · 6b81e94 · 6b81e94
1 parent e1df9bf
commit 6b81e94
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 0 deletions.
diff --git a/public/styles.css b/public/styles.css
@@ -878,6 +878,14 @@ body.isElectron .listContainer {
   margin-top: 92px;
 }
 
+body.isElectron .openInBrowserButton {
+  display: inline-block !important;
+}
+
+body.isElectron .openInBrowserLine {
+  display: block !important;
+}
+
 body.isElectron header {
   display: block !important;
 }

diff --git a/src/components/Modals/components/settingsDialog.js b/src/components/Modals/components/settingsDialog.js
@@ -83,6 +83,12 @@ export default class Modals extends PureComponent {
     this.state = {}
   }
 
+  openInBrowser = () => {
+    api.get({
+      method: 'openInBrowser'
+    })
+  }
+
   componentDidMount = async () => {
       if (this.props.query && this.props.query.oldScroll) {
         setTimeout(() => {
@@ -600,6 +606,17 @@ export default class Modals extends PureComponent {
 
               <div style={{clear: 'both', height: '15px'}} />
 
+              <paper-button
+                  raised
+                  onClick={this.openInBrowser.bind(this)}
+                  style={{cursor: 'pointer', float: 'none', margin: '0', fontSize: '16px', display: 'none'}}
+                  className='playerButtons'
+                  class="openInBrowserButton" >
+              Open in Browser
+              </paper-button>
+
+              <div className='openInBrowserLine' style={{clear: 'both', height: '15px', display: 'none'}} />
+
               <div className="setting-header" style={{marginTop: '10px'}}>
                   Transcoding (for Web Player)
               </div>