Using webshare API for receive page

michielpost · Sep 2, 2024 · b8a9a4d · b8a9a4d
1 parent 69af23f
commit b8a9a4d
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 5 deletions.
diff --git a/src/aoWebWallet/Pages/ReceivePage.razor b/src/aoWebWallet/Pages/ReceivePage.razor
@@ -2,6 +2,7 @@
 @using ZXing;
 @using aoWebWallet.Models
 @using MudExtensions
+@using Append.Blazor.WebShare
 @inherits MvvmComponentBase<ReceiveViewModel>
 @inject GatewayUrlHelper UrlHelper;
 @inject IDialogService DialogService
@@ -11,7 +12,7 @@
 @inject TransactionService transactionService;
 @inject WalletDetailViewModel WalletDetailViewModel
 @inject ClipboardService ClipboardService
-
+@inject IWebShareService WebShareService
 
 <PageTitle>Receive Tokens - @Program.PageTitlePostFix</PageTitle>
 
@@ -70,10 +71,11 @@
                         <MudIconButton Class="copy-clipboard" Icon="@Icons.Material.Filled.ContentCopy" Color="Color.Default" OnClick="async () => { await ClipboardService.CopyToClipboard(shareUrl); }" />
                     </MudStack>
                     <MudStack Spacing="0" Row="true">
-                        <MudLink Href="@NavigationManager.Uri" Target="_blank" Typo="Typo.subtitle1">
-                            Share this page
-                        </MudLink>
-                        <MudIconButton Class="copy-clipboard" Icon="@Icons.Material.Filled.ContentCopy" Color="Color.Default" OnClick="async () => { await ClipboardService.CopyToClipboard(NavigationManager.Uri); }" />
+                        <MudStack Spacing="0" Row="true">
+                            <MudText Typo="Typo.subtitle1">Share this page</MudText>
+                            <MudIconButton Class="copy-clipboard" Icon="@Icons.Material.Filled.ContentCopy" Color="Color.Default" OnClick="async () => { await ClipboardService.CopyToClipboard(NavigationManager.Uri); }" />
+                            <MudIconButton Class="copy-clipboard" Icon="@Icons.Material.Filled.Share" Color="Color.Default" OnClick="SharePage" />
+                        </MudStack>
                     </MudStack>
                 </MudStack>
             </MudPaper>
@@ -167,6 +169,20 @@
         });
     }
 
+    private async Task SharePage()
+    {
+        bool IsSupported = await WebShareService.IsSupportedAsync();
+        if (IsSupported)
+        {
+            await WebShareService.ShareAsync($"Send tokens to {@Address}", $"Use this page to send tokens to {@Address}", NavigationManager.Uri);
+        }
+        else
+        {
+            await ClipboardService.CopyToClipboard(NavigationManager.Uri);
+            //Snackbar.Add("Sharing not supported on this device.", Severity.Warning);
+        }
+    }
+
 
 
     protected override async Task OnParametersSetAsync()

diff --git a/src/aoWebWallet/Program.cs b/src/aoWebWallet/Program.cs
@@ -17,6 +17,7 @@
 using ArweaveAO.Models;
 using MudExtensions.Services;
 using Soenneker.Blazor.Utils.Navigation.Registrars;
+using Append.Blazor.WebShare;
 
 namespace aoWebWallet
 {
@@ -129,6 +130,8 @@ private static void ConfigureServices(IServiceCollection services, string baseAd
 
             services.AddNavigationUtil();
 
+            services.AddWebShare();
+
             //Options
             services.AddSingleton(new GraphqlConfig());
             services.AddSingleton(new GatewayConfig());

diff --git a/src/aoWebWallet/aoWebWallet.csproj b/src/aoWebWallet/aoWebWallet.csproj
@@ -12,6 +12,7 @@
 	</PropertyGroup>
 
 	<ItemGroup>
+		<PackageReference Include="Append.Blazor.WebShare" Version="7.0.0" />
 		<PackageReference Include="ArweaveAO" Version="0.0.8" />
 		<PackageReference Include="ArweaveBlazor" Version="0.0.10" />
 		<PackageReference Include="ClipLazor" Version="2.1.1" />