From 98423be0c35c668c163973ee9f84bb9e18db8e28 Mon Sep 17 00:00:00 2001
From: sdarbinyan <sdarbinyan@4pay.com>
Date: Wed, 6 May 2026 17:37:55 +0400
Subject: [PATCH] link

Co-authored-by: Copilot <copilot@github.com>
---
 src/app/pages/fastcheck-page/fastcheck-page.html   | 14 +++++++-------
 src/app/pages/fastcheck-page/fastcheck-page.ts     | 10 +++++++++-
 src/app/pages/legacy-pay-page/legacy-pay-page.html | 13 ++++++++++++-
 src/app/pages/legacy-pay-page/legacy-pay-page.ts   | 11 ++++++++++-
 4 files changed, 38 insertions(+), 10 deletions(-)

diff --git a/src/app/pages/fastcheck-page/fastcheck-page.html b/src/app/pages/fastcheck-page/fastcheck-page.html
index ab1cdcc..baa0ac4 100644
--- a/src/app/pages/fastcheck-page/fastcheck-page.html
+++ b/src/app/pages/fastcheck-page/fastcheck-page.html
@@ -145,13 +145,13 @@
         <h2 class="modal__title">{{ 'fastcheck.modal_title' | translate }}</h2>
         <p class="modal__sub">{{ 'fastcheck.modal_sub' | translate }}</p>
 
-        <div class="qr">
-          @if (popupLoading() && !webSessionId()) {
-            <div class="qr__placeholder">{{ 'fastcheck.modal_loading' | translate }}</div>
-          } @else if (webSessionId()) {
-            <img [src]="qrUrl()" width="240" height="240" alt="QR Telegram" />
-          }
-        </div>
+        @if (popupLoading() && !webSessionId()) {
+          <div class="qr__placeholder">{{ 'fastcheck.modal_loading' | translate }}</div>
+        }
+
+        @if (webSessionId() && !isMobile) {
+          <img [src]="qrUrl()" width="240" height="240" alt="QR Telegram" style="border-radius:12px;display:block;margin:0 auto 12px;" />
+        }
 
         @if (webSessionId()) {
           <a class="tg-link" [href]="telegramLink()" target="_blank" rel="noopener">
diff --git a/src/app/pages/fastcheck-page/fastcheck-page.ts b/src/app/pages/fastcheck-page/fastcheck-page.ts
index 3c3114f..90b5f0d 100644
--- a/src/app/pages/fastcheck-page/fastcheck-page.ts
+++ b/src/app/pages/fastcheck-page/fastcheck-page.ts
@@ -78,6 +78,10 @@ export class FastcheckPage {
     return `https://api.qrserver.com/v1/create-qr-code/?size=240x240&margin=8&data=${encodeURIComponent(link)}`;
   });
 
+  get isMobile(): boolean {
+    return typeof window !== 'undefined' && window.innerWidth < 768;
+  }
+
   constructor() {
     // Pull autofill data: prefer router navigation state, fall back to service.
     const navState = typeof window !== 'undefined' ? (window.history?.state ?? {}) : {};
@@ -122,7 +126,11 @@ export class FastcheckPage {
       next: (res) => {
         this.popupLoading.set(false);
         this.webSessionId.set(res.sessionId);
-        this.startPolling(res.sessionId);
+        if (this.isMobile) {
+          window.location.href = `https://t.me/${this.telegramBot}?start=${encodeURIComponent(res.sessionId)}`;
+        } else {
+          this.startPolling(res.sessionId);
+        }
       },
       error: () => {
         this.popupLoading.set(false);
diff --git a/src/app/pages/legacy-pay-page/legacy-pay-page.html b/src/app/pages/legacy-pay-page/legacy-pay-page.html
index 000a7bb..963379b 100644
--- a/src/app/pages/legacy-pay-page/legacy-pay-page.html
+++ b/src/app/pages/legacy-pay-page/legacy-pay-page.html
@@ -53,7 +53,18 @@
         ></textarea>
       </div>
 
-      <button class="pay-btn" type="button" (click)="pay()" [disabled]="loading()">
+      @if (nspkUrl()) {
+        <div class="qr-pay">
+          <img
+            [src]="'https://api.qrserver.com/v1/create-qr-code/?size=240x240&margin=8&data=' + nspkUrl()"
+            width="240" height="240"
+            alt="SBP QR"
+          />
+          <p class="qr-pay__hint">Отсканируйте QR-код в приложении вашего банка</p>
+        </div>
+      }
+
+      <button class="pay-btn" type="button" (click)="pay()" [disabled]="loading() || !!nspkUrl()">
         <span class="pay-btn__icon">
           <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
diff --git a/src/app/pages/legacy-pay-page/legacy-pay-page.ts b/src/app/pages/legacy-pay-page/legacy-pay-page.ts
index 0e3ab56..f8530e3 100644
--- a/src/app/pages/legacy-pay-page/legacy-pay-page.ts
+++ b/src/app/pages/legacy-pay-page/legacy-pay-page.ts
@@ -38,6 +38,11 @@ export class LegacyPayPage {
   note = signal<string>('');
   error = signal<string>('');
   loading = signal<boolean>(false);
+  nspkUrl = signal<string>('');
+
+  get isMobile(): boolean {
+    return window.innerWidth < 768;
+  }
 
   paymentId = signal<string>('');
 
@@ -84,7 +89,11 @@ export class LegacyPayPage {
       next: (res) => {
         this.loading.set(false);
         if (res?.nspkurl) {
-          window.location.href = res.nspkurl;
+          if (this.isMobile) {
+            window.location.href = res.nspkurl;
+          } else {
+            this.nspkUrl.set(res.nspkurl);
+          }
         } else {
           this.error.set(this.t('errors.payment_failed'));
         }