Separate ds-ext App into DiagramApp and TableApp

ajthinking · Jan 12, 2025 · 6fe86ab · 6fe86ab
1 parent 082ec0c
commit 6fe86ab
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 3 deletions.
diff --git a/packages/ds-ext/src/app/App.tsx → packages/ds-ext/src/app/DiagramApp.tsx b/packages/ds-ext/src/app/App.tsx → packages/ds-ext/src/app/DiagramApp.tsx
@@ -5,7 +5,7 @@ import { VsCodeToast } from './VsCodeToast';
 import { onDrop } from './onDrop';
 import { createVsCodeClient } from './createVsCodeClient';
 
-export default function App() {
+export default function DiagramApp() {
   const client = createVsCodeClient(window.vscode);
 
   const handleChange = useCallback(

diff --git a/packages/ds-ext/src/app/TableApp.tsx b/packages/ds-ext/src/app/TableApp.tsx
@@ -0,0 +1,9 @@
+import React from 'react';
+
+export default function TableApp() {
+  return (
+    <div style={{ width: '100%', height: '100vh' }}>
+      This is the TableApp
+    </div>
+  );
+}
diff --git a/packages/ds-ext/src/app/index.tsx b/packages/ds-ext/src/app/index.tsx
@@ -1,7 +1,8 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import App from './App';
+import DiagramApp from './DiagramApp';
+import TableApp from './TableApp';
 
 // TypeScript null-check or assertion for the root element
 const rootElement = document.getElementById('root') as HTMLElement | null;
@@ -10,7 +11,8 @@ if (rootElement) {
   const root = ReactDOM.createRoot(rootElement);
   root.render(
     <React.StrictMode>
-      <App />
+      <DiagramApp />
+      {/* <TableApp /> */}
     </React.StrictMode>
   );
 } else {