From 7687128dbc2aeeef59651b0b6019bd7d0410db1a Mon Sep 17 00:00:00 2001
From: filip mertens <filip.mertens@ethereum.org>
Date: Thu, 23 Dec 2021 16:34:16 +0100
Subject: [PATCH] single panel

---
 apps/remix-ide/src/app/components/main-panel.tsx    | 4 ++--
 apps/remix-ide/src/app/components/side-panel.tsx    | 4 ++--
 libs/remix-ui/side-panel/src/index.ts               | 2 +-
 libs/remix-ui/side-panel/src/lib/panel-header.tsx   | 4 ++--
 libs/remix-ui/side-panel/src/lib/remix-ui-panel.tsx | 6 +++---
 5 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/apps/remix-ide/src/app/components/main-panel.tsx b/apps/remix-ide/src/app/components/main-panel.tsx
index 8dcf187fff..4cc97246d2 100644
--- a/apps/remix-ide/src/app/components/main-panel.tsx
+++ b/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)
     }
 }
diff --git a/apps/remix-ide/src/app/components/side-panel.tsx b/apps/remix-ide/src/app/components/side-panel.tsx
index d3a800d8d1..274613044e 100644
--- a/apps/remix-ide/src/app/components/side-panel.tsx
+++ b/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)
   }
 }
diff --git a/libs/remix-ui/side-panel/src/index.ts b/libs/remix-ui/side-panel/src/index.ts
index 38c0f5feeb..8952e584ec 100644
--- a/libs/remix-ui/side-panel/src/index.ts
+++ b/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';
diff --git a/libs/remix-ui/side-panel/src/lib/panel-header.tsx b/libs/remix-ui/side-panel/src/lib/panel-header.tsx
index 69cca98de6..6d3230c847 100644
--- a/libs/remix-ui/side-panel/src/lib/panel-header.tsx
+++ b/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(() => {
diff --git a/libs/remix-ui/side-panel/src/lib/remix-ui-panel.tsx b/libs/remix-ui/side-panel/src/lib/remix-ui-panel.tsx
index 4fb1500606..c518867eed 100644
--- a/libs/remix-ui/side-panel/src/lib/remix-ui-panel.tsx
+++ b/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;