From 7b0a5fb7aa9eb1c2b3d50eb79c3fa484af07be6c Mon Sep 17 00:00:00 2001
From: FaithDaka <faithbusigu8@gmail.com>
Date: Mon, 13 May 2024 08:14:33 +0300
Subject: [PATCH] feat: drawing component configurations

---
 .../src/app/components/budget-tool.components.ts           | 4 +++-
 .../budget-tool/src/app/pages/home/budget-home.module.ts   | 2 ++
 .../budget-tool/src/app/pages/home/budget-home.page.html   | 7 ++++++-
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/apps/picsa-tools/budget-tool/src/app/components/budget-tool.components.ts b/apps/picsa-tools/budget-tool/src/app/components/budget-tool.components.ts
index 97df18330..4dac401f1 100644
--- a/apps/picsa-tools/budget-tool/src/app/components/budget-tool.components.ts
+++ b/apps/picsa-tools/budget-tool/src/app/components/budget-tool.components.ts
@@ -4,7 +4,7 @@ import { FormsModule } from '@angular/forms';
 import { RouterModule } from '@angular/router';
 import { TranslateModule } from '@ngx-translate/core';
 import { PicsaCommonComponentsModule } from '@picsa/components';
-import { PicsaDialogsModule } from '@picsa/shared/features';
+import { PicsaDialogsModule, PicsaDrawingComponent } from '@picsa/shared/features';
 import { PicsaDbModule } from '@picsa/shared/modules';
 import { MobxAngularModule } from 'mobx-angular';
 import { MatTooltipModule } from '@angular/material/tooltip';
@@ -32,6 +32,7 @@ import { BudgetPeriodSummaryComponent } from './summary/period-summary';
 import { BudgetTableComponent } from './table/budget-table';
 import { BudgetSummaryComponent } from './budget-summary/budget-summary.component';
 import { MatIconModule } from '@angular/material/icon';
+import { BudgetDrawComponent } from './budget-draw/budget-draw.component';
 
 const components = [
   BudgetBalanceLegendComponent,
@@ -71,6 +72,7 @@ const components = [
     RouterModule,
     MatTooltipModule,
     MatIconModule,
+    PicsaDrawingComponent
   ],
   exports: components,
 })
diff --git a/apps/picsa-tools/budget-tool/src/app/pages/home/budget-home.module.ts b/apps/picsa-tools/budget-tool/src/app/pages/home/budget-home.module.ts
index a772307cd..f90030eb0 100644
--- a/apps/picsa-tools/budget-tool/src/app/pages/home/budget-home.module.ts
+++ b/apps/picsa-tools/budget-tool/src/app/pages/home/budget-home.module.ts
@@ -9,6 +9,7 @@ import { MobxAngularModule } from 'mobx-angular';
 import { BudgetToolComponentsModule } from '../../components/budget-tool.components';
 import { BudgetMaterialModule } from '../../material.module';
 import { BudgetHomePage } from './budget-home.page';
+import { BudgetDrawComponent } from '../../components/budget-draw/budget-draw.component';
 
 const routes: Routes = [
   {
@@ -27,6 +28,7 @@ const routes: Routes = [
     BudgetMaterialModule,
     BudgetToolComponentsModule,
     MobxAngularModule,
+    BudgetDrawComponent
   ],
   declarations: [BudgetHomePage],
 })
diff --git a/apps/picsa-tools/budget-tool/src/app/pages/home/budget-home.page.html b/apps/picsa-tools/budget-tool/src/app/pages/home/budget-home.page.html
index 0d8a17753..53a431a97 100644
--- a/apps/picsa-tools/budget-tool/src/app/pages/home/budget-home.page.html
+++ b/apps/picsa-tools/budget-tool/src/app/pages/home/budget-home.page.html
@@ -9,7 +9,12 @@
       <img src="assets/budget-icons/budget-import.svg" />
     </button>
   </div>
-
+<!-- This is a drawing test div -->
+  <div>
+    <h3>Draw here!</h3>
+    <budget-draw/>
+  </div>
+  
   <h2>{{ 'Saved Budgets' | translate }}</h2>
   <div *mobxAutorun data-tourid="create">
     <budget-list-item