updated main panel

apps/remix-ide/src/app/components/main-panel.js

@@ -4,16 +4,6 @@ import ReactDOM from 'react-dom' // eslint-disable-line
 import { RemixUiMainPanel } from '@remix-ui/main-panel' // eslint-disable-line
 import { AbstractPanel } from './panel'
 import * as packageJson from '../../../../../package.json'
-// const yo = require('yo-yo')
-// const csjs = require('csjs-inject')
-
-// const css = csjs`
-//   .pluginsContainer {
-//     height: 100%;
-//     display: flex;
-//     overflow-y: hidden;
-//   }
-// `
 
 const profile = {
   name: 'mainPanel',
@@ -39,16 +29,8 @@ export class MainPanel extends AbstractPanel {
     this.renderComponent()
   }
 
-  getTheme () {
-    return this.config.get('settings/theme')
-  }
-
   render () {
     return this.element
-    // return yo`
-    //   <div class=${css.pluginsContainer} data-id="mainPanelPluginsContainer" id='mainPanelPluginsContainer-id'>
-    //     ${this.view}
-    //   </div>`
   }
 
   renderComponent () {

apps/remix-ide/src/app/components/side-panel.js

@@ -149,7 +149,6 @@ export class SidePanel extends AbstractPanel {
       <section class="${css.panel} plugin-manager">
         ${this.header}
         <div class="${css.pluginsContainer}">
-        
           ${this.view}
         </div>
       </section>`

libs/remix-ui/main-panel/src/lib/remix-ui-main-panel.tsx

@@ -7,7 +7,6 @@ export interface RemixUiMainPanelProps {
 }
 
 export const RemixUiMainPanel = (props: RemixUiMainPanelProps) =>  {
-   const darkTheme = ['Dark', 'Black', 'Cyborg']
 
    const [invertNumber, setInvertNumber] = useState(0)
    
@@ -19,8 +18,7 @@ export const RemixUiMainPanel = (props: RemixUiMainPanelProps) =>  {
 
 
   return (
-    <div className="plugItIn_2byTty" style={{ display: "block" }}>
-       {console.log({ props })}
+    <div className="plugItIn_2byTty" style={{ display: "block" }} data-id="mainPanelPluginsContainer" id='mainPanelPluginsContainer-id'>
     <div data-id="landingPageHomeContainer" className="homeContainer d-flex" style={{ height: "100%", width: "100%", border: "0px", display: "block" }}>
             <div className="mainContent_2A2Ew bg-light">
           <div className="d-flex justify-content-between">