new button

Lemoncode · Jan 20, 2024 · a77f204 · a77f204
1 parent 13d1362
commit a77f204
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/src/core/providers/canvas-schema/canvas-schema.model.ts b/src/core/providers/canvas-schema/canvas-schema.model.ts
@@ -44,6 +44,7 @@ export const createDefaultDatabaseSchemaVm = (): DatabaseSchemaVm => ({
 export interface CanvasSchemaContextVm {
   canvasSchema: DatabaseSchemaVm;
   loadSchema: (schema: DatabaseSchemaVm) => void;
+  createEmptySchema: () => void;
   updateTablePosition: (
     id: string,
     position: Coords,

diff --git a/src/core/providers/canvas-schema/canvas-schema.provider.tsx b/src/core/providers/canvas-schema/canvas-schema.provider.tsx
@@ -32,6 +32,10 @@ export const CanvasSchemaProvider: React.FC<Props> = props => {
     setSchema(newSchema);
   };
 
+  const createEmptySchema = () => {
+    setSchema(createDefaultDatabaseSchemaVm());
+  };
+
   const updateFullTable = (table: TableVm) => {
     setSchema(prevSchema => updateTable(table, prevSchema));
   };
@@ -88,6 +92,7 @@ export const CanvasSchemaProvider: React.FC<Props> = props => {
     <CanvasSchemaContext.Provider
       value={{
         canvasSchema,
+        createEmptySchema,
         loadSchema,
         updateTablePosition,
         doFieldToggleCollapse,

diff --git a/src/pods/toolbar/components/new-button/new-button.component.tsx b/src/pods/toolbar/components/new-button/new-button.component.tsx
@@ -1,10 +1,13 @@
 import { NewIcon } from '@/common/components/icons/new-icon.component';
+import { useCanvasSchemaContext } from '@/core/providers';
 import { ToolbarButton } from '@/pods/toolbar/components/toolbar-button';
 import classes from '@/pods/toolbar/toolbar.pod.module.css';
 
 export const NewButton = () => {
+  const { createEmptySchema } = useCanvasSchemaContext();
+
   const handleNewButtonClick = () => {
-    console.log('New button clicked');
+    createEmptySchema();
   };
 
   return (