fix: manual button now opens qr code

closes #30
wharfkit · Sep 15, 2023 · 93ff2a0 · 93ff2a0
1 parent a805f8d
commit 93ff2a0
Showing 1 changed file with 26 additions and 2 deletions.
diff --git a/src/index.ts b/src/index.ts
@@ -200,6 +200,30 @@ export class WalletPluginAnchor extends AbstractWalletPlugin {
         // Add the callback to the request
         const callback = setTransactionCallback(resolved, this.buoyUrl)
 
+        const request = resolved.request.encode(true, false)
+
+        const signManually = () => {
+            console.log('sign manually')
+            context.ui?.prompt({
+                title: 'Sign manually',
+                body: 'Scan the QR-code with Anchor on another device or use the button to open it here.',
+                elements: [
+                    {
+                        type: 'qr',
+                        data: String(request),
+                    },
+                    {
+                        type: 'button',
+                        label: 'Open Anchor',
+                        data: {
+                            href: String(request),
+                            label: 'Open Anchor',
+                        },
+                    },
+                ],
+            })
+        }
+
         // Tell Wharf we need to prompt the user with a QR code and a button
         const promptPromise: Cancelable<PromptResponse> = context.ui.prompt({
             title: 'Sign',
@@ -210,10 +234,10 @@ export class WalletPluginAnchor extends AbstractWalletPlugin {
                     data: expiration.toISOString(),
                 },
                 {
-                    type: 'link',
+                    type: 'button',
                     label: 'Sign manually or with another device',
                     data: {
-                        href: resolved.request.encode(true, false),
+                        onClick: signManually,
                         label: 'Trigger Manually',
                     },
                 },