add QRCode display to wallet page

ntls-io · Jul 12, 2021 · 6eeddd9 · 6eeddd9
1 parent 5e1bd1e
commit 6eeddd9
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/web-client/src/app/views/wallet/wallet.module.ts b/web-client/src/app/views/wallet/wallet.module.ts
@@ -2,11 +2,18 @@ import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { IonicModule } from '@ionic/angular';
+import { QRCodeModule } from 'angularx-qrcode';
 import { WalletPageRoutingModule } from './wallet-routing.module';
 import { WalletPage } from './wallet.page';
 
 @NgModule({
-  imports: [CommonModule, FormsModule, IonicModule, WalletPageRoutingModule],
+  imports: [
+    CommonModule,
+    FormsModule,
+    IonicModule,
+    WalletPageRoutingModule,
+    QRCodeModule,
+  ],
   declarations: [WalletPage],
 })
 export class WalletPageModule {}
diff --git a/web-client/src/app/views/wallet/wallet.page.html b/web-client/src/app/views/wallet/wallet.page.html
@@ -6,4 +6,11 @@
 
 <ion-content>
   <ion-button routerLink="/wallet/send-funds"> Send Funds </ion-button>
+  <qrcode
+    qrdata="Nautilus"
+    elementType="svg"
+    [width]="250"
+    [margin]="1"
+    errorCorrectionLevel="H"
+  ></qrcode>
 </ion-content>