feat: working sample

openfort-xyz · Oct 29, 2024 · d1523e8 · d1523e8
1 parent 935a4eb
commit d1523e8
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 2 deletions.
diff --git a/frontend/src/pages/home.tsx b/frontend/src/pages/home.tsx
@@ -38,6 +38,23 @@ export const HomePage: FC = () => {
         }
     }, [embeddedState]); // Runs when embeddedState changes
 
+    function mintNFT() {
+        console.log("Minting NFT...");
+        if (!initDataRaw) {
+            console.error("No init data found");
+            return;
+        }
+
+        openfortService.mintNFT(initDataRaw).then((res) => {
+            console.log("NFT minted!");
+            console.log("Transaction hash:", res);
+            document.getElementById("msg")!.innerHTML = `<a href="https://www.oklink.com/amoy/tx/${res}" target="_blank">View transaction</a>`;
+        }).catch((error) => {
+            console.error("Failed to mint NFT:", error);
+            document.getElementById("msg")!.innerHTML = "Failed to mint NFT";
+        });
+    }
+
 
     return (
         <Page back={false}>
@@ -53,8 +70,9 @@ export const HomePage: FC = () => {
                 ) : embeddedState === EmbeddedState.READY ? (
                     <>
                         <div>
-                            <button className="mint-button">Mint</button>
+                            <button className="mint-button" onClick={mintNFT}>Mint</button>
                         </div>
+                        <div id="msg"></div>
                         <a onClick={() => openfortService.logout()} className="disconnect-text">Logout</a>
                     </>
                 ) : (

diff --git a/frontend/src/services/openfortService.ts b/frontend/src/services/openfortService.ts
@@ -10,6 +10,7 @@ import {
 } from '@openfort/openfort-js';
 import openfort from '../utils/openfortConfig';
 import axios from 'axios';
+import {ShieldAuthProvider} from "@openfort/openfort-node/models/preGenerateEmbeddedAccountRequest";
 
 const chainId = Number(import.meta.env.VITE_CHAIN_ID);
 
@@ -112,7 +113,7 @@ class OpenfortService {
         const shieldAuth: ShieldAuthentication = {
           auth: ShieldAuthType.OPENFORT,
           token: identityToken,
-          authProvider: "telegramMiniApp",
+          authProvider: ShieldAuthProvider.TELEGRAM_MINI_APP,
           tokenType: "customToken",
           encryptionSession: await this.getEncryptionSession(),
         };