Open remotedev app from menu

Author: zalmoxisus

src/app/containers/App.js

@@ -7,6 +7,7 @@ import SettingsIcon from 'react-icons/lib/md/settings';
 import LeftIcon from 'react-icons/lib/md/border-left';
 import RightIcon from 'react-icons/lib/md/border-right';
 import BottomIcon from 'react-icons/lib/md/border-bottom';
+import RemoteIcon from 'react-icons/lib/go/radio-tower';
 import Monitor from './Monitor';
 
 let monitorPosition;
@@ -58,6 +59,10 @@ export default class App extends Component {
                 onClick={() => { this.openWindow('bottom'); }}
               />
             : null }
+            <Button
+              Icon={RemoteIcon}
+              onClick={() => { this.openWindow('panel'); }}
+            >Remote</Button>
             <Button
               Icon={SettingsIcon}
               onClick={() => { chrome.runtime.openOptionsPage(); }}

src/browser/extension/background/openWindow.js

@@ -35,6 +35,7 @@ export default function openDevToolsWindow(position) {
   }
 
   let params = { left: 0, top: 0, width: 340, height: window.screen.availHeight };
+  let url = 'window.html';
   switch (position) {
     case 'devtools-right':
       params.left = window.screen.availWidth - params.width;
@@ -45,8 +46,9 @@ export default function openDevToolsWindow(position) {
       params.width = window.screen.availWidth;
       break;
     case 'devtools-panel':
-      params.type = 'panel';
+      params = { width: 850, height: 600 };
+      url = 'remote.html';
       break;
   }
-  popWindow('open', 'window.html', params);
+  popWindow('open', url, params);
 }