From 58eff92e42ba8cc6511e183807c9ac37d411b545 Mon Sep 17 00:00:00 2001
From: Jonathan Ngbonga <jongbonga@gmail.com>
Date: Mon, 5 Jul 2021 23:49:59 +0200
Subject: [PATCH] send funds page

---
 .../send-funds/send-funds-routing.module.ts   | 16 ++++++++++++
 .../app/views/send-funds/send-funds.module.ts | 12 +++++++++
 .../app/views/send-funds/send-funds.page.html | 12 +++++++++
 .../app/views/send-funds/send-funds.page.scss |  0
 .../views/send-funds/send-funds.page.spec.ts  | 25 +++++++++++++++++++
 .../app/views/send-funds/send-funds.page.ts   | 12 +++++++++
 .../app/views/wallet/wallet-routing.module.ts |  7 ++++++
 .../src/app/views/wallet/wallet.page.html     |  4 ++-
 8 files changed, 87 insertions(+), 1 deletion(-)
 create mode 100644 web-client/src/app/views/send-funds/send-funds-routing.module.ts
 create mode 100644 web-client/src/app/views/send-funds/send-funds.module.ts
 create mode 100644 web-client/src/app/views/send-funds/send-funds.page.html
 create mode 100644 web-client/src/app/views/send-funds/send-funds.page.scss
 create mode 100644 web-client/src/app/views/send-funds/send-funds.page.spec.ts
 create mode 100644 web-client/src/app/views/send-funds/send-funds.page.ts

diff --git a/web-client/src/app/views/send-funds/send-funds-routing.module.ts b/web-client/src/app/views/send-funds/send-funds-routing.module.ts
new file mode 100644
index 000000000..e01fb525f
--- /dev/null
+++ b/web-client/src/app/views/send-funds/send-funds-routing.module.ts
@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { SendFundsPage } from './send-funds.page';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: SendFundsPage,
+  },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class SendFundsPageRoutingModule {}
diff --git a/web-client/src/app/views/send-funds/send-funds.module.ts b/web-client/src/app/views/send-funds/send-funds.module.ts
new file mode 100644
index 000000000..99cac3437
--- /dev/null
+++ b/web-client/src/app/views/send-funds/send-funds.module.ts
@@ -0,0 +1,12 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { IonicModule } from '@ionic/angular';
+import { SendFundsPageRoutingModule } from './send-funds-routing.module';
+import { SendFundsPage } from './send-funds.page';
+
+@NgModule({
+  imports: [CommonModule, FormsModule, IonicModule, SendFundsPageRoutingModule],
+  declarations: [SendFundsPage],
+})
+export class SendFundsPageModule {}
diff --git a/web-client/src/app/views/send-funds/send-funds.page.html b/web-client/src/app/views/send-funds/send-funds.page.html
new file mode 100644
index 000000000..633fe2671
--- /dev/null
+++ b/web-client/src/app/views/send-funds/send-funds.page.html
@@ -0,0 +1,12 @@
+<ion-header>
+  <ion-toolbar>
+    <ion-buttons slot="start">
+      <ion-back-button></ion-back-button>
+    </ion-buttons>
+    <ion-title>Send Funds</ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content>
+  <ion-button>Scan QR-Code</ion-button>
+</ion-content>
diff --git a/web-client/src/app/views/send-funds/send-funds.page.scss b/web-client/src/app/views/send-funds/send-funds.page.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/web-client/src/app/views/send-funds/send-funds.page.spec.ts b/web-client/src/app/views/send-funds/send-funds.page.spec.ts
new file mode 100644
index 000000000..58251f5ee
--- /dev/null
+++ b/web-client/src/app/views/send-funds/send-funds.page.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+import { SendFundsPage } from './send-funds.page';
+
+describe('SendFundsPage', () => {
+  let component: SendFundsPage;
+  let fixture: ComponentFixture<SendFundsPage>;
+
+  beforeEach(
+    waitForAsync(() => {
+      TestBed.configureTestingModule({
+        declarations: [SendFundsPage],
+        imports: [IonicModule.forRoot()],
+      }).compileComponents();
+
+      fixture = TestBed.createComponent(SendFundsPage);
+      component = fixture.componentInstance;
+      fixture.detectChanges();
+    })
+  );
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/web-client/src/app/views/send-funds/send-funds.page.ts b/web-client/src/app/views/send-funds/send-funds.page.ts
new file mode 100644
index 000000000..324663b28
--- /dev/null
+++ b/web-client/src/app/views/send-funds/send-funds.page.ts
@@ -0,0 +1,12 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-send-funds',
+  templateUrl: './send-funds.page.html',
+  styleUrls: ['./send-funds.page.scss'],
+})
+export class SendFundsPage implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}
diff --git a/web-client/src/app/views/wallet/wallet-routing.module.ts b/web-client/src/app/views/wallet/wallet-routing.module.ts
index 55cb84d1c..8abd16ae4 100644
--- a/web-client/src/app/views/wallet/wallet-routing.module.ts
+++ b/web-client/src/app/views/wallet/wallet-routing.module.ts
@@ -7,6 +7,13 @@ const routes: Routes = [
     path: '',
     component: WalletPage,
   },
+  {
+    path: 'send-funds',
+    loadChildren: () =>
+      import('../send-funds/send-funds.module').then(
+        (m) => m.SendFundsPageModule
+      ),
+  },
 ];
 
 @NgModule({
diff --git a/web-client/src/app/views/wallet/wallet.page.html b/web-client/src/app/views/wallet/wallet.page.html
index 734b0559f..6260f509f 100644
--- a/web-client/src/app/views/wallet/wallet.page.html
+++ b/web-client/src/app/views/wallet/wallet.page.html
@@ -4,4 +4,6 @@
   </ion-toolbar>
 </ion-header>
 
-<ion-content> </ion-content>
+<ion-content>
+  <ion-button routerLink="/wallet/send-funds"> Send Funds </ion-button>
+</ion-content>