From 911794d6973cc6f2b2bf61e973cfb9a9469669a8 Mon Sep 17 00:00:00 2001
From: Jiku Godwill <jikugodwill@yahoo.com>
Date: Tue, 27 Aug 2024 22:22:26 +0100
Subject: [PATCH 1/3] fixed store UI at launchpad

---
 .../Mintbase/App/LaunchPad/Contracts.jsx      | 51 +++++++++----------
 1 file changed, 24 insertions(+), 27 deletions(-)

diff --git a/apps/Mintbase/widget/Mintbase/App/LaunchPad/Contracts.jsx b/apps/Mintbase/widget/Mintbase/App/LaunchPad/Contracts.jsx
index 751f2e7c..9884159f 100644
--- a/apps/Mintbase/widget/Mintbase/App/LaunchPad/Contracts.jsx
+++ b/apps/Mintbase/widget/Mintbase/App/LaunchPad/Contracts.jsx
@@ -302,35 +302,32 @@ const Contracts = () => {
 
   return (
     <Root>
-      {!stores.length &&
-        !isHome(
-          <div
-            className="text-center mx-auto mt-100"
-            style={{ padding: "200px 0" }}
-          >
-            <div className="d-flex flex-column align-items-center gap-4 create-area">
-              <div>
-                <h3 className="mb-2">
-                  Deploy your own store to mint NFTs from
-                </h3>{" "}
-                <p>
-                  You don't have any stores yet — let's create your first one!
-                  Or refresh the page if you just deployed (could take up to 5
-                  minutes).
-                </p>
-              </div>
-              <Widget
-                src={`${config_account}/widget/Mintbase.MbButton`}
-                props={{
-                  label: "New Store",
-                  onClick: createStoreHandler,
-                  size: "big",
-                  isDarkModeOn,
-                }}
-              />
+      {!stores.length && !isHome && (
+        <div
+          className="text-center mx-auto mt-100"
+          style={{ padding: "200px 0" }}
+        >
+          <div className="d-flex flex-column align-items-center gap-4 create-area">
+            <div>
+              <h3 className="mb-2">Deploy your own store to mint NFTs from</h3>{" "}
+              <p>
+                You don't have any stores yet — let's create your first one! Or
+                refresh the page if you just deployed (could take up to 5
+                minutes).
+              </p>
             </div>
+            <Widget
+              src={`${config_account}/widget/Mintbase.MbButton`}
+              props={{
+                label: "New Store",
+                onClick: createStoreHandler,
+                size: "big",
+                isDarkModeOn,
+              }}
+            />
           </div>
-        )}
+        </div>
+      )}
       <>
         <div className="top">
           <div className="lhs">Your Contracts </div>

From faeeabf3391b2da4f1d5b1f9d76b039fdc22ac9d Mon Sep 17 00:00:00 2001
From: Jiku Godwill <jikugodwill@yahoo.com>
Date: Tue, 27 Aug 2024 22:30:23 +0100
Subject: [PATCH 2/3] updated padding

---
 apps/Mintbase/widget/Mintbase/App/LaunchPad/Contracts.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/Mintbase/widget/Mintbase/App/LaunchPad/Contracts.jsx b/apps/Mintbase/widget/Mintbase/App/LaunchPad/Contracts.jsx
index 9884159f..fdc9d871 100644
--- a/apps/Mintbase/widget/Mintbase/App/LaunchPad/Contracts.jsx
+++ b/apps/Mintbase/widget/Mintbase/App/LaunchPad/Contracts.jsx
@@ -263,7 +263,7 @@ const cardsData = [
   },
   {
     icon: documentSvg,
-    buttonName: "Deploy NFT Contract",
+    buttonName: "Deploy NFT Store",
     learnLink:
       "https://docs.mintbase.xyz/creator/creating-nfts/deploy-contract",
   },
@@ -305,7 +305,7 @@ const Contracts = () => {
       {!stores.length && !isHome && (
         <div
           className="text-center mx-auto mt-100"
-          style={{ padding: "200px 0" }}
+          style={{ padding: "50px 0" }}
         >
           <div className="d-flex flex-column align-items-center gap-4 create-area">
             <div>

From 92e1f79e7d42711d18ce3346c57345c021bac196 Mon Sep 17 00:00:00 2001
From: Jiku Godwill <jikugodwill@yahoo.com>
Date: Tue, 27 Aug 2024 23:22:15 +0100
Subject: [PATCH 3/3] Fixed NFT card

---
 apps/Mintbase/widget/Mintbase/NFT/Index.jsx | 57 ++++++++++++---------
 1 file changed, 34 insertions(+), 23 deletions(-)

diff --git a/apps/Mintbase/widget/Mintbase/NFT/Index.jsx b/apps/Mintbase/widget/Mintbase/NFT/Index.jsx
index fb02d2d0..f90a4714 100644
--- a/apps/Mintbase/widget/Mintbase/NFT/Index.jsx
+++ b/apps/Mintbase/widget/Mintbase/NFT/Index.jsx
@@ -281,7 +281,7 @@ const NFTCard = ({ data, isDarkModeOn, accountId, connectedDao }) => {
     }
     .top-rest {
       position: absolute;
-      z-index: 1;
+      z-index: 1000000;
     }
     div {
       gap: 10px;
@@ -421,6 +421,39 @@ const NFTCard = ({ data, isDarkModeOn, accountId, connectedDao }) => {
         "https://ipfs.near.social/ipfs/bafkreiajgp5bmkidwesy2d6tsbdkhyfzjtom2wse2sjcwii227lt5audvq";
   return (
     <CardContainer>
+      <Top>
+        <Link
+          to={href({
+            widgetSrc: "${config_account}/widget/Mintbase.App.Index",
+            params: {
+              page: "nftDetails",
+              contractId: data?.nft_contract_id,
+              metadataId: data?.metadata_id,
+            },
+          })}
+        >
+          <div className="nft-image">
+            <img src={nftImage} />
+          </div>
+        </Link>
+        <div className="top-rest">
+          {data?.owner || data?.minter === context.accountId ? (
+            <div>
+              <button onClick={() => setModalState("SELL")}>SELL</button>
+              <button onClick={() => setModalState("OPTIONS")}>
+                {dotsSvg}
+              </button>
+            </div>
+          ) : data?.minter === connectedDao?.address &&
+            connectedDao?.permission ? (
+            <div>
+              <button onClick={() => setModalState("SELL")}>SELL</button>
+            </div>
+          ) : (
+            ""
+          )}
+        </div>
+      </Top>
       <Link
         to={href({
           widgetSrc: "${config_account}/widget/Mintbase.App.Index",
@@ -431,28 +464,6 @@ const NFTCard = ({ data, isDarkModeOn, accountId, connectedDao }) => {
           },
         })}
       >
-        <Top>
-          <div className="nft-image">
-            <img src={nftImage} />
-          </div>
-          <div className="top-rest">
-            {data?.owner || data?.minter === context.accountId ? (
-              <div>
-                <button onClick={() => setModalState("SELL")}>SELL</button>
-                <button onClick={() => setModalState("OPTIONS")}>
-                  {dotsSvg}
-                </button>
-              </div>
-            ) : data?.minter === connectedDao?.address &&
-              connectedDao?.permission ? (
-              <div>
-                <button onClick={() => setModalState("SELL")}>SELL</button>
-              </div>
-            ) : (
-              ""
-            )}
-          </div>
-        </Top>
         <Bottom>
           <p className="contract">{data?.nft_contract_id}</p>
           <div>