delete comp

Author: Swolfeyes

src/client/components/ControlFlowGraphRuntime/ControlFlowGraphRuntime.js renamed to src/client/components/ControlFlowGraph/ControlFlowGraph.js

@@ -2,13 +2,13 @@ import React from 'react';
 
 import Graph from '../Graph/Graph';
 
-import styles from './ControlFlowGraphRuntime.scss';
+import styles from './ControlFlowGraph.scss';
 
-const ControlFlowGraphRuntime = ({ contractName, contractPath, graphResponse }) => {
+const ControlFlowGraphRuntime = ({ contractName, contractPath, graphResponse, type }) => {
   return (
     <div className={styles['control-flow-graph']}>
         <Graph 
-          graphType="cfgruntime" 
+          graphType={type}
           graphId={contractName} 
           contractPath={contractPath} 
           cfg={graphResponse.cfg} 

src/client/components/ControlFlowGraphConstructor/ControlFlowGraphConstructor.scss renamed to src/client/components/ControlFlowGraph/ControlFlowGraph.scss

@@ -18,6 +18,15 @@
         border-bottom: 1px dotted $color-light-grey;
         transition: border-color 0.2s;
 
+        &:-webkit-autofill,
+        &:-webkit-autofill:hover, 
+        &:-webkit-autofill:focus {
+          border-bottom: 1px dotted $color-green;
+          -webkit-text-fill-color: $color-light-grey;
+          box-shadow: 0 0 0px 1000px $color-dark-grey inset;
+          transition: background-color 5000s ease-in-out 0s;
+        }
+
         &:focus {
           border-color: $color-green;
           outline: 0 none;
@@ -32,7 +41,7 @@
     background: transparent;
     border: 1px solid $color-light-grey;
     cursor: pointer;
-    transition: opacity 0.7, border-color 0.2s;
+    transition: border-color 0.2s;
 
     &:last-of-type {
       margin-left: 10px;
@@ -48,7 +57,11 @@
     }
 
     &:hover {
-      opacity: 0.7;
+      border-color: $color-green;
+
+      span {
+        color: $color-green;
+      }
     }
 
     span {

src/client/components/ControlFlowGraphConstructor/ControlFlowGraphConstructor.js

@@ -2,8 +2,8 @@ import React from 'react';
 
 import TransactionDebugger from '../TransactionDebugger/TransactionDebugger';
 import Disassembler from '../Disassembler/Disassembler';
-import ControlFlowGraphRuntime from '../ControlFlowGraphRuntime/ControlFlowGraphRuntime';
-import ControlFlowGraphConstructor from '../ControlFlowGraphConstructor/ControlFlowGraphConstructor';
+//import ControlFlowGraphRuntime from '../ControlFlowGraphRuntime/ControlFlowGraphRuntime';
+import ControlFlowGraph from '../ControlFlowGraph/ControlFlowGraph';
 import StorageViewer from '../StorageViewer/StorageViewer';
 
 import styles from './Panel.scss';
@@ -29,15 +29,17 @@ const Panel = ({ type, contractName, contractCode, contractPath, debuggerRespons
         />
       }
       {type === 'Control Flow Graph Runtime' &&
-        <ControlFlowGraphRuntime 
+        <ControlFlowGraph
+          type='cfgruntime'
           contractPath={contractPath} 
           contractName={contractName} 
           contractCode={contractCode}
           graphResponse={graphResponse}
         />
       }
       {type === 'Control Flow Graph Constructor' &&
-        <ControlFlowGraphConstructor 
+        <ControlFlowGraph
+          type='cfgconstructor' 
           contractPath={contractPath} 
           contractName={contractName} 
           contractCode={contractCode}

src/client/components/ControlFlowGraphRuntime/ControlFlowGraphRuntime.scss

@@ -14,7 +14,7 @@
       background: transparent;
       border: 1px solid $color-light-grey;
       cursor: pointer;
-      transition: opacity 0.7, border-color 0.2s;
+      transition: border-color 0.2s;
 
       &:last-of-type {
         margin-left: 10px;
@@ -30,7 +30,11 @@
       }
 
       &:hover {
-        opacity: 0.7;
+        border-color: $color-green;
+
+        span {
+          color: $color-green;
+        }
       }
 
       span {
@@ -43,7 +47,7 @@
 
   &__message {
     display: table;
-    margin: auto;
+    margin: 20px auto 0 auto;
 
     p {
       color: $color-green;

src/client/components/Form/Form.scss

@@ -23,7 +23,7 @@ export const hideEVMState = () => {
   }
 }
 
-export const showLoadingMessage = (message) => {
+export const showLoadingMessage = message => {
   return {
     type: ActionTypes.SHOW_LOADING_MESSAGE,
     message
@@ -94,6 +94,6 @@ export const postVersion = version => dispatch => {
       dispatch(addVersion(response));
     })
     .catch(error => {
-      alert('Your version could not be posted\nError: ' + error.message)
+      dispatch(showErrorMessage(error.message));
     });    
 };

src/client/components/Panel/Panel.js

@@ -1,13 +1,16 @@
 .tab-menu-item {
   position: relative;
   height: 60px;
-  flex: 1 0 auto;
+  flex: 1 0 200px;
+  max-width: 200px;
   padding: 15px 20px 20px 20px;
   text-align: center;
   background: $color-grey;
   color: $color-green;
   z-index: 0;
   box-shadow: inset 2px 1px 5px (#000 + 30);
+  overflow: hidden;
+  text-overflow: ellipsis;
   transform: translate(0, 20px);
   transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out, background 0.2s ease-in-out;
   cursor: pointer;

src/client/components/SettingsBar/SettingsBar.scss

@@ -27,7 +27,7 @@
   }
 
   &__versions-dropdown {
-    flex: 0 1 200px;
+    flex: 0 0 250px;
     position: relative;
     padding-left: 10px;
     padding: 24.5px 20px;