From 3002db6534f7aab0233362112329a761c25f26d3 Mon Sep 17 00:00:00 2001
From: Toutsu <Hegin4@yandex.ru>
Date: Tue, 21 Apr 2026 15:31:12 +0300
Subject: [PATCH] =?UTF-8?q?fix:=20=D0=B7=D0=B0=D0=B3=D1=80=D1=83=D0=B7?=
 =?UTF-8?q?=D0=BA=D0=B0=20Telegram=20Login=20Widget=20=D1=87=D0=B5=D1=80?=
 =?UTF-8?q?=D0=B5=D0=B7=20JS=20interop=20=D0=B4=D0=BB=D1=8F=20=D0=BA=D0=BE?=
 =?UTF-8?q?=D1=80=D1=80=D0=B5=D0=BA=D1=82=D0=BD=D0=BE=D0=B9=20=D1=80=D0=B0?=
 =?UTF-8?q?=D0=B1=D0=BE=D1=82=D1=8B=20=D1=81=20Blazor=20SPA-=D0=BD=D0=B0?=
 =?UTF-8?q?=D0=B2=D0=B8=D0=B3=D0=B0=D1=86=D0=B8=D0=B5=D0=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/GmRelay.Web/Components/App.razor         | 15 +++++++++++++++
 src/GmRelay.Web/Components/Pages/Login.razor | 17 ++++++++++-------
 2 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/src/GmRelay.Web/Components/App.razor b/src/GmRelay.Web/Components/App.razor
index 9bb1aea..853d483 100644
--- a/src/GmRelay.Web/Components/App.razor
+++ b/src/GmRelay.Web/Components/App.razor
@@ -22,6 +22,21 @@
     <Routes @rendermode="InteractiveServer" />
     <ReconnectModal />
     <script src="@Assets["_framework/blazor.web.js"]"></script>
+    <script>
+        window.loadTelegramWidget = function (botUsername, authUrl) {
+            var container = document.getElementById('telegram-login-container');
+            if (!container) return;
+            container.innerHTML = '';
+            var script = document.createElement('script');
+            script.async = true;
+            script.src = 'https://telegram.org/js/telegram-widget.js?22';
+            script.setAttribute('data-telegram-login', botUsername);
+            script.setAttribute('data-size', 'large');
+            script.setAttribute('data-auth-url', authUrl);
+            script.setAttribute('data-request-access', 'write');
+            container.appendChild(script);
+        };
+    </script>
 </body>
 
 </html>
diff --git a/src/GmRelay.Web/Components/Pages/Login.razor b/src/GmRelay.Web/Components/Pages/Login.razor
index 88d5f09..0c11f89 100644
--- a/src/GmRelay.Web/Components/Pages/Login.razor
+++ b/src/GmRelay.Web/Components/Pages/Login.razor
@@ -2,6 +2,7 @@
 @using Microsoft.AspNetCore.Components.Authorization
 @inject NavigationManager Navigation
 @inject IConfiguration Configuration
+@inject IJSRuntime JS
 
 <PageTitle>Вход — GM-Relay</PageTitle>
 
@@ -18,13 +19,7 @@
             </div>
         }
 
-        <div id="telegram-login-container">
-            <script async src="https://telegram.org/js/telegram-widget.js?22"
-                    data-telegram-login="@BotUsername"
-                    data-size="large"
-                    data-auth-url="@AuthUrl"
-                    data-request-access="write"></script>
-        </div>
+        <div id="telegram-login-container"></div>
     </div>
 </div>
 
@@ -46,4 +41,12 @@
             }
         }
     }
+
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        if (firstRender)
+        {
+            await JS.InvokeVoidAsync("loadTelegramWidget", BotUsername, AuthUrl);
+        }
+    }
 }