From dd81a1bbad56d3e2593190f98f8f07b1a0296e98 Mon Sep 17 00:00:00 2001
From: mathuo <6710312+mathuo@users.noreply.github.com>
Date: Wed, 20 Oct 2021 23:23:43 +0100
Subject: [PATCH] feat: update demo app

---
 .../dockview-demo/src/layout-grid/sidebar.tsx     |  3 +--
 .../dockview-demo/src/services/viewRegistry.tsx   | 15 ++-------------
 2 files changed, 3 insertions(+), 15 deletions(-)

diff --git a/packages/dockview-demo/src/layout-grid/sidebar.tsx b/packages/dockview-demo/src/layout-grid/sidebar.tsx
index e849abeed..ead0e3d0c 100644
--- a/packages/dockview-demo/src/layout-grid/sidebar.tsx
+++ b/packages/dockview-demo/src/layout-grid/sidebar.tsx
@@ -9,7 +9,6 @@ import {
     PaneviewDropEvent,
 } from 'dockview';
 import { ControlCenter } from './controlCenter';
-import { toggleClass } from '../dom';
 import './sidebar.scss';
 
 const components = {
@@ -33,7 +32,7 @@ export const Sidebar = (props: IGridviewPanelProps) => {
 
         event.api.addPanel({
             id: '1',
-            component: 'default',
+            component: 'controlCenter',
             title: 'Control Center',
         });
         event.api.addPanel({
diff --git a/packages/dockview-demo/src/services/viewRegistry.tsx b/packages/dockview-demo/src/services/viewRegistry.tsx
index 8d1adc527..94f249f14 100644
--- a/packages/dockview-demo/src/services/viewRegistry.tsx
+++ b/packages/dockview-demo/src/services/viewRegistry.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { ControlCenter } from '../layout-grid/controlCenter';
 
 export interface RegisteredView {
     id: string;
@@ -50,19 +51,7 @@ VIEW_REGISTRY.register({
     title: 'Home',
     icon: 'home',
     isLocationEditable: true,
-    component: () => {
-        return (
-            <div
-                style={{
-                    backgroundColor: 'lightblue',
-                    color: 'black',
-                    height: '100%',
-                }}
-            >
-                Home
-            </div>
-        );
-    },
+    component: ControlCenter,
 });
 VIEW_REGISTRY.register({
     id: 'account_widget',