From 563a936d72be60d337d5833104f753591c8c7f13 Mon Sep 17 00:00:00 2001
From: tidvn <tiendung0325@gmail.com>
Date: Sat, 16 Nov 2024 22:12:28 +0700
Subject: [PATCH] feat: update Aiken version and enhance mint result display
 with transaction link

---
 .github/workflows/vercel.yml                  |  2 +-
 .../one/_components/_mint-step/result.tsx     | 28 +++++++++++--------
 2 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/.github/workflows/vercel.yml b/.github/workflows/vercel.yml
index d7065e04..83e80fed 100644
--- a/.github/workflows/vercel.yml
+++ b/.github/workflows/vercel.yml
@@ -16,7 +16,7 @@ jobs:
       - name: Setup Aiken
         uses: aiken-lang/setup-aiken@v1
         with:
-          version: v1.1.0
+          version: v1.1.6
       - name: Build Blueprint
         run: |
           aiken fmt --check
diff --git a/src/app/(app)/dashboard/mint/one/_components/_mint-step/result.tsx b/src/app/(app)/dashboard/mint/one/_components/_mint-step/result.tsx
index e30de552..74464c5c 100644
--- a/src/app/(app)/dashboard/mint/one/_components/_mint-step/result.tsx
+++ b/src/app/(app)/dashboard/mint/one/_components/_mint-step/result.tsx
@@ -1,22 +1,26 @@
-import { Button } from "@/components/ui/button";
 import { useMintOneContext } from "../../_context";
+import Link from "next/link";
+import { appNetwork } from "@/constants";
 
 export default function ResultStep() {
-  const { stepper, txhash } = useMintOneContext();
+  const { txhash } = useMintOneContext();
 
   return (
     <div className="h-full py-8 px-10 m-auto flex flex-col">
-      <div className="rounded-md border border-dashed h-full p-2">
-        <pre>{txhash}</pre>
-      </div>
-      <div className="flex justify-end gap-4 mt-6">
-        <Button
-          variant="secondary"
-          onClick={stepper.prev}
-          disabled={stepper.isFirst}
+      <div className="flex flex-col items-center justify-center text-white">
+        <p className="mb-2 text-center text-lg font-semibold">
+          Mint successful! 🎉
+        </p>
+        <p className="mb-4 max-w-md text-center text-sm text-gray-300">
+          Check your Nft in your Wallet. If it’s not visible, please wait a
+          moment for the transaction to complete.
+        </p>
+        <Link
+          href={`https://${appNetwork}.cexplorer.io/tx/${txhash}`}
+          className="mt-4 rounded-lg bg-white px-6 py-2 text-sm font-semibold text-blue-500 shadow-md hover:bg-gray-100"
         >
-          Back
-        </Button>
+          View on Cexplorer
+        </Link>
       </div>
     </div>
   );