refactor(client): rename screen

client/src/app/screens/screen-request/screen-request.ts

@@ -0,0 +1,33 @@
+import { Component, inject, TemplateRef, ViewChild } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { QrCodeComponent } from 'ng-qrcode';
+import { APIService } from '../../services/api';
+import { Modal } from '../../components/modal/modal';
+
+@Component({
+  selector: 'app-screen-request',
+  imports: [FormsModule, QrCodeComponent],
+  templateUrl: './screen-request.html',
+  styleUrl: './screen-request.less',
+})
+export class ScreenRequest {
+  private modalService = inject(NgbModal);
+  api = inject(APIService);
+  @ViewChild('qrTemplate') qrTemplate !: TemplateRef<any>;
+
+  amount: number = 0;
+  get shareableLink(): string {
+    const currentDomain = window.location.origin;
+    return `${currentDomain}/send/${this.api.currentUser.id}?amount=${this.amount}`;
+  }
+
+  copyLink() {
+    navigator.clipboard.writeText(this.shareableLink);
+  }
+  openModal() {
+    const modalRef = this.modalService.open(Modal);
+    modalRef.componentInstance.title = `Pay ${this.amount} to ${this.api.currentUser.id}`
+    modalRef.componentInstance.body = this.qrTemplate;
+  }
+}