From e2437a02caa75a0bfd2c597cc0f14e529401b926 Mon Sep 17 00:00:00 2001
From: starknetdev <starknetdev@gmail.com>
Date: Mon, 9 Oct 2023 13:18:40 +0100
Subject: [PATCH] mint lords button

---
 ui/src/app/components/navigation/Header.tsx | 20 ++++++++++++---
 ui/src/app/lib/burner.tsx                   | 27 +++++++++++----------
 2 files changed, 30 insertions(+), 17 deletions(-)

diff --git a/ui/src/app/components/navigation/Header.tsx b/ui/src/app/components/navigation/Header.tsx
index c2f864f60..b796d37f4 100644
--- a/ui/src/app/components/navigation/Header.tsx
+++ b/ui/src/app/components/navigation/Header.tsx
@@ -1,4 +1,4 @@
-import { useRef } from "react";
+import { useRef, useState } from "react";
 import { useBalance, useAccount, useConnectors } from "@starknet-react/core";
 import { useContracts } from "@/app/hooks/useContracts";
 import useAdventurerStore from "@/app/hooks/useAdventurerStore";
@@ -61,6 +61,8 @@ export default function Header({ multicall, mintLords }: HeaderProps) {
   const displayCartButtonRef = useRef<HTMLButtonElement>(null);
   const displayHistoryButtonRef = useRef<HTMLButtonElement>(null);
 
+  const [showLordsMint, setShowLordsMint] = useState(false);
+
   return (
     <div className="flex flex-row justify-between px-1  ">
       <div className="flex flex-row items-center gap-2 sm:gap-5">
@@ -87,12 +89,22 @@ export default function Header({ multicall, mintLords }: HeaderProps) {
         <Button
           size={"xs"}
           variant={"outline"}
-          className="self-center xl:px-5"
+          className="self-center xl:px-5 hover:bg-terminal-green"
           onClick={mintLords}
+          onMouseEnter={() => setShowLordsMint(true)}
+          onMouseLeave={() => setShowLordsMint(false)}
         >
           <span className="flex flex-row items-center justify-between w-full">
-            <Lords className="self-center sm:w-5 sm:h-5  h-3 w-3 fill-current mr-1" />
-            <p>{formatNumber(parseInt(lordsBalance.data?.formatted ?? "0"))}</p>
+            {!showLordsMint ? (
+              <>
+                <Lords className="self-center sm:w-5 sm:h-5  h-3 w-3 fill-current mr-1" />
+                <p>
+                  {formatNumber(parseInt(lordsBalance.data?.formatted ?? "0"))}
+                </p>
+              </>
+            ) : (
+              <p className="text-black">Mint Lords</p>
+            )}
           </span>
         </Button>
         <Button
diff --git a/ui/src/app/lib/burner.tsx b/ui/src/app/lib/burner.tsx
index fde3e6390..1ecabee1a 100644
--- a/ui/src/app/lib/burner.tsx
+++ b/ui/src/app/lib/burner.tsx
@@ -391,9 +391,20 @@ export const useBurner = () => {
         ]),
       };
 
-      const { suggestedMaxFee: estimatedFee } = await mainAccount.estimateFee(
-        call
-      );
+      const transferLordsTx = {
+        contractAddress: lordsContract?.address ?? "",
+        entrypoint: "transfer",
+        calldata: CallData.compile([
+          masterAccountAddress,
+          lordsBalance ?? "0x0",
+          "0x0",
+        ]),
+      };
+
+      const { suggestedMaxFee: estimatedFee } = await mainAccount.estimateFee([
+        call,
+        transferLordsTx,
+      ]);
 
       // Now we negate the fee from balance to withdraw (+10% for safety)
 
@@ -410,16 +421,6 @@ export const useBurner = () => {
         ]),
       };
 
-      const transferLordsTx = {
-        contractAddress: lordsContract?.address ?? "",
-        entrypoint: "transfer",
-        calldata: CallData.compile([
-          masterAccountAddress,
-          lordsBalance ?? "0x0",
-          "0x0",
-        ]),
-      };
-
       // If they have Lords also withdraw
       const calls =
         lordsBalance > BigInt(0)