single panel

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

@@ -1,7 +1,7 @@
 import React from 'react' // eslint-disable-line
 import { AbstractPanel } from './panel'
 import ReactDOM from 'react-dom' // eslint-disable-line
-import { RemixUiSidePanel } from '@remix-ui/side-panel'
+import { RemixPanel } from '@remix-ui/side-panel'
 import packageJson from '../../../../../package.json'
 
 const profile = {
@@ -51,6 +51,6 @@ export class MainPanel extends AbstractPanel {
     }
 
     renderComponent () {
-      ReactDOM.render(<RemixUiSidePanel plugins={this.plugins}/>, this.element)
+      ReactDOM.render(<RemixPanel plugins={this.plugins}/>, this.element)
     }
 }

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

@@ -1,7 +1,7 @@
 import React from 'react' // eslint-disable-line
 import { AbstractPanel } from './panel'
 import ReactDOM from 'react-dom' // eslint-disable-line
-import { RemixUiSidePanel } from '@remix-ui/side-panel'
+import { RemixPanel } from '@remix-ui/side-panel'
 import packageJson from '../../../../../package.json'
 import { RemixAppManager } from '../../remixAppManager'
 import { VerticalIcons } from 'libs/remix-ui/vertical-icons-panel/types/vertical-icons-panel'
@@ -88,6 +88,6 @@ export class SidePanel extends AbstractPanel {
 
   renderComponent () {
     console.log('render side panel')
-    ReactDOM.render(<RemixUiSidePanel plugins={this.plugins}/>, this.sideelement)
+    ReactDOM.render(<RemixPanel plugins={this.plugins}/>, this.sideelement)
   }
 }

libs/remix-ui/side-panel/src/index.ts

@@ -1 +1 @@
-export { default as RemixUiSidePanel } from './lib/remix-ui-panel';
+export { default as RemixPanel } from './lib/remix-ui-panel';

libs/remix-ui/side-panel/src/lib/panel-header.tsx

@@ -3,10 +3,10 @@ import React, { useEffect, useRef, useState } from 'react' // eslint-disable-lin
 import { PluginRecord } from './types';
 import './panel.css';
 
-export interface RemixUiSidePanelProps {
+export interface RemixPanelProps {
     plugins: Record<string, PluginRecord>;
   }
-const SidePanelHeader = (props: RemixUiSidePanelProps) => {
+const SidePanelHeader = (props: RemixPanelProps) => {
     const [plugin, setPlugin] = useState<PluginRecord>()
 
     useEffect(() => {

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

@@ -5,11 +5,11 @@ import PanelPlugin from './panel-plugin';
 import { PluginRecord } from './types';
 
 /* eslint-disable-next-line */
-export interface RemixUiSidePanelProps {
+export interface RemixPanelProps {
   plugins: Record<string, PluginRecord>;
 }
 
-export function RemixUiSidePanel(props: RemixUiSidePanelProps) {
+export function RemixPanel(props: RemixPanelProps) {
 
   return (
     <div className='panel plugin-manager'>
@@ -24,4 +24,4 @@ export function RemixUiSidePanel(props: RemixUiSidePanelProps) {
   );
 }
 
-export default RemixUiSidePanel;
+export default RemixPanel;