fix workspaces

Author: Alejandro Marques

src/App.css

@@ -141,6 +141,8 @@ li {
 
 .secondary {
   color: white;
+  padding-left: 0px!important;
+  padding-right: 0px!important;
 }
 
 .secondary p{

src/views/ViewA.js

@@ -256,18 +256,16 @@ class ViewA extends React.Component {
 
   _renderWorkspaces = () => {
     let children = [];
-    var os = require('os');
     console.log('plataforma: ',remote.process.platform);
-    //alert(Object.keys(this.state.workSpaces).length);
-    var text = remote.process.platform == 'darwin' ? 'cmd' : 'ctrl';
+    var text = remote.process.platform === 'darwin' ? 'cmd' : 'ctrl';
     var i =1;
     globalShortcut.unregisterAll();
     for(let workspace in this.state.workSpaces){
       children.push(
         <ListItem className="bttn" key={workspace} >
           {/*<span style={{borderLeft: this.activeColor(workspace) === 1 ? '1px dotted white' : 'none'}}></span>*/}
-          <div style={{backgroundImage: 'red', borderRadius: 8, borderLeft: this.activeColor(workspace) === 1 ? '6px solid #FF9735' : 'none', textAlign:'center'}}>
-          <a onClick={() => {this.openWorkSpace(workspace)}} href="#/" style={{marginLeft: this.activeColor(workspace) === 1 ? '-6px': '0px'}}>
+          <div style={{backgroundImage: 'red', borderRadius: 8, borderLeft: this.activeColor(workspace) === 1 ? '3px solid #FF9735' : 'none', textAlign:'center', width: this.activeColor(workspace) === 1 ? '69px' : '72px'}}>
+          <a onClick={() => {this.openWorkSpace(workspace)}} href="#/" style={{marginLeft: this.activeColor(workspace) === 1 ? '-8px!important': 'none'}}>
             <Tooltip title={workspace} enterDelay={700} leaveDelay={200} placement="bottom">
               <img style={{opacity:this.activeColor(workspace), backgroundColor:'#FFFFFF'}} alt={workspace} className="workspace-img" src={this.getImageBase64(workspace)} />
               {/*this.getImageBase64(workspace)*/}

src/views/ViewB.js

@@ -138,7 +138,7 @@ export default class ViewB extends React.Component {
     this['tab0'].addEventListener('dom-ready', ()=>{this.changeURL('tab0')});
     this['tab0'].addEventListener('context-menu', event => {
       console.log(event);
-      if(event.params.mediaType == 'image'){
+      if(event.params.mediaType === 'image'){
         console.log('Image URL: ', event.params.srcURL);
       }else{
         console.log('Link URL: ', event.params.linkURL);
@@ -249,12 +249,6 @@ export default class ViewB extends React.Component {
   }
   /* MENU */
 
-  /* LOAD IMAGE */
-  loadImage = (image) => {
-    var fr = new FileReader(); 
-  }
-  /* LOAD IMAGE */
-
   /* APPBAR */
   reload = (ref) => {
     this[ref].reload();
@@ -377,9 +371,9 @@ export default class ViewB extends React.Component {
       var output = this.state.bookmarks.filter(
         (bookmarks) => {
           if(code.includes('http')){
-            return bookmarks.url == code;
+            return bookmarks.url === code;
           }else{
-            return bookmarks.name == code;
+            return bookmarks.name === code;
           }
         }
       );
@@ -398,9 +392,9 @@ export default class ViewB extends React.Component {
       var output = this.state.bookmarks.filter(
         (bookmarks) => {
           if(code.includes('http')){
-            return bookmarks.url == code;
+            return bookmarks.url === code;
           }else{
-            return bookmarks.name == code;
+            return bookmarks.name === code;
           }
         }
       );
@@ -421,7 +415,7 @@ export default class ViewB extends React.Component {
 
   renderBookmarkList = (key) => {
     let children = [];
-    if(typeof this.state.bookmarks === 'undefined' || this.state.bookmarks.length==0){
+    if(typeof this.state.bookmarks === 'undefined' || this.state.bookmarks.length === 0){
       children.push(
         <MenuItem key={0} onClick={() => { this.handleBookmarkListClose()}}>No bookmarks saved</MenuItem>
         );
@@ -437,7 +431,6 @@ export default class ViewB extends React.Component {
   }
 
   bookmarkOpen = (url) => {
-    var activeTab = this.state.selectedTab;
     this[this.state.selectedTab ? this.state.selectedTab : 'tab0'].loadURL(url);
     this.handleBookmarkListClose();
   }

src/views/components/StarButton.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import IconButton from '@material-ui/core/IconButton';
 import Star from '@material-ui/icons/Star';
 import StarBorder from '@material-ui/icons/StarBorder';
 
@@ -32,39 +31,16 @@ export default class StarButton extends React.Component {
 	}
 
 		/* BOOKmARKS */
-		/*
-	  getBookmark = (code) => {
-		if(typeof code !== 'undefined'){
-		  
-		  var output = this.state.bookmarks.filter(
-			(bookmarks) => {
-			  if(code.includes('http')){
-				return bookmarks.url == code;
-			  }else{
-				return bookmarks.name == code;
-			  }
-			}
-		  );
-		  if(code.includes('http')){
-			return output.length >0? output[0].name : -1;
-		  }else{
-			return output.length >0? output[0].url : -1;
-		  }
-		}else{
-		  return -1;
-		}
-	  }
-	  */
 	  getIndexBookmark = (code) => {
 			console.log(code);
 
 		if(typeof code !== 'undefined'){ 
 		  var output = this.state.bookmarks.filter(
 			(bookmarks) => {
 			  if(code.includes('http')){
-				return bookmarks.url == code;
+				return bookmarks.url === code;
 			  }else{
-				return bookmarks.name == code;
+				return bookmarks.name === code;
 			  }
 			}
 			);

src/views/css/Views.css

@@ -80,4 +80,5 @@
   .fullSpace{
     height: 85.3vh;
   }
-}
+}
+