send funds page

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 {}

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 {}

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>

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();
+  });
+});

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() {}
+}

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({

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>