update

.env.production

@@ -45,16 +45,16 @@ NEXT_PUBLIC_SIGN_MESSAGE="Sign this message so our backend can verify you."
 
 # ---- Packstore ----
 # 1 random Normal skin 1-Star Beast
-NEXT_PUBLIC_ADDRESS_RESERVABLE_NORMAL_SKIN="0x6ec745e460cc646c"
-NEXT_PUBLIC_ADDRESS_REFUNDABLE_NORMAL_SKIN="0xdca2fbd53ec45907"
+NEXT_PUBLIC_ADDRESS_RESERVABLE_NORMAL_SKIN="0xfe20e2699d201976"
+NEXT_PUBLIC_ADDRESS_REFUNDABLE_NORMAL_SKIN="0xfe20e2699d201976"
 
 # 1 random Cursed Black 1-Star Beast
-NEXT_PUBLIC_ADDRESS_RESERVABLE_CURSED_BLACK="0xaba9241acafae206"
-NEXT_PUBLIC_ADDRESS_REFUNDABLE_CURSED_BLACK="0x470d62928ea8efd7"
+NEXT_PUBLIC_ADDRESS_RESERVABLE_CURSED_BLACK="0x24992fb21ce6969c"
+NEXT_PUBLIC_ADDRESS_REFUNDABLE_CURSED_BLACK="0x24992fb21ce6969c"
 
 # 1 random Shiny Gold 1-Star Beast
-NEXT_PUBLIC_ADDRESS_RESERVABLE_GOLD_STAR="0x5c0fe1b8a445ba22"
-NEXT_PUBLIC_ADDRESS_REFUNDABLE_GOLD_STAR="0x6391a3fdd3253bf8"
+NEXT_PUBLIC_ADDRESS_RESERVABLE_GOLD_STAR="0xb5b6a4baa475f86f"
+NEXT_PUBLIC_ADDRESS_REFUNDABLE_GOLD_STAR="0xb5b6a4baa475f86f"
 # -------------------
 
 NEXT_PUBLIC_GRAPHQL_ENDPOINT="https://basicbeasts-dev.graphcdn.app"

.gitignore

@@ -32,3 +32,5 @@ yarn-error.log*
 
 # vercel
 .vercel
+.env.production
+.env.development

components/common/Layout/Layout.tsx

@@ -2,7 +2,7 @@ import { FC, useState } from "react"
 import Navbar from "@components/common/Navbar"
 import Footer from "@components/common/Footer"
 import SideNavbar from "@components/common/SideNavbar"
-import * as fcl from "@onflow/fcl"
+import * as fcl from "@blocto/fcl"
 import Head from "next/head"
 import { useRouter } from "next/dist/client/router"
 import { ToastContainer, toast } from "react-toastify"
@@ -11,7 +11,7 @@ import SlideOverNavbar from "../SlideOverNavbar"
 import profilePictures from "data/profilePictures"
 import Snowfall from "react-snowfall"
 
-//Configure FCL
+//Configure FCL.
 fcl
   .config()
   .put("accessNode.api", process.env.NEXT_PUBLIC_ACCESS_NODE_API)
@@ -33,6 +33,7 @@ fcl
   .put("0xHunterScore", process.env.NEXT_PUBLIC_HUNTER_SCORE_ADDRESS)
   .put("0xPack", process.env.NEXT_PUBLIC_PACK_ADDRESS)
   .put("0xInbox", process.env.NEXT_PUBLIC_INBOX_ADDRESS)
+  .put("0xBasicBeastsInbox", process.env.NEXT_PUBLIC_INBOX_ADDRESS)
   .put("0xEvolution", process.env.NEXT_PUBLIC_EVOLUTION_ADDRESS)
   .put("0xProfile", process.env.NEXT_PUBLIC_PROFILE_ADDRESS)
   .put("0xFiatToken", process.env.NEXT_PUBLIC_FIAT_TOKEN_ADDRESS)
@@ -82,8 +83,16 @@ fcl
     "0xBlackMarketplace",
     process.env.NEXT_PUBLIC_NFT_DAY_TREASURE_CHEST_ADDRESS,
   )
+  .put(
+    "0xBasicBeastsDrop",
+    process.env.NEXT_PUBLIC_NFT_DAY_TREASURE_CHEST_ADDRESS,
+  )
 // .put("0xBeastMarket", process.env.NEXT_PUBLIC_BEAST_MARKET_ADDRESS)
 // .put("0xBeastOffers", process.env.NEXT_PUBLIC_BEAST_OFFERS_ADDRESS)
+// .put("0xLovePotion", process.env.NEXT_PUBLIC_BEAST_MARKET_ADDRESS)
+// .put("0xLovePotionMinter", process.env.NEXT_PUBLIC_BEAST_OFFERS_ADDRESS)
+// .put("0xEgg", process.env.NEXT_PUBLIC_BEAST_MARKET_ADDRESS)
+// .put("0xBreeding", process.env.NEXT_PUBLIC_BEAST_OFFERS_ADDRESS)
 
 const Layout: FC = ({ children }) => {
   const [isSideNavbarOpen, setIsSideNavbarOpen] = useState(false)

components/common/Navbar/Navbar.tsx

@@ -21,6 +21,7 @@ import { Menu, Transition } from "@headlessui/react"
 import { toast } from "react-toastify"
 import SearchBar from "@components/ui/SearchBar"
 import SearchBarMobileModal from "@components/ui/SearchBarMobileModal"
+import { beastData } from "data/beastData"
 
 const Nav = styled.header<{ font: string; fontSize: string }>`
   background: #111823;
@@ -592,7 +593,7 @@ const Navbar: FC<FuncProps> = ({
         cadence: `
         import Profile from 0xProfile
 
-        pub fun main(address: Address) :  Profile.UserProfile? {
+        access(all) fun main(address: Address) :  Profile.UserProfile? {
           return getAccount(address)
             .getCapability<&{Profile.Public}>(Profile.publicPath)
             .borrow()?.asProfile()
@@ -605,31 +606,21 @@ const Navbar: FC<FuncProps> = ({
       setProfile(res)
 
       //Resolve Profile Picture
-      let avatar = res.avatar
+      let avatar = res?.avatar
       for (let key in profilePictures) {
         let element =
           profilePictures[key as unknown as keyof typeof profilePictures]
         if (avatar == element.image) {
           setProfilePicture(element.image)
         }
       }
-      console.log("Navbar.ts: getCurrentUserProfile()")
+      // console.log("Navbar.ts: getCurrentUserProfile()")
     } catch (error) {
       console.log(error)
     }
   }
 
   const { hunterData } = useUser()
-  const beastData = [
-    {
-      name: "Dappy",
-      imageTransparentBg: "QmUGU1LszrYGmpPp25VL6bAd5d39VW6PuDZDYSuwbj3VFS",
-    },
-    {
-      name: "Gecko",
-      imageTransparentBg: "QmVBqZGtah7sRV7YafvZuXm8nNgts8wR1ihgfvVHa7ykZQ",
-    },
-  ]
 
   return (
     <>
@@ -668,7 +659,7 @@ const Navbar: FC<FuncProps> = ({
             setOpenMobileModal={setOpenMobileSearch}
           />
           <NavMenu>
-            <NavItem>
+            {/* <NavItem>
               <NextLink href={"/marketplace/"}>
                 <A
                   font={
@@ -680,7 +671,7 @@ const Navbar: FC<FuncProps> = ({
                   Explore
                 </A>
               </NextLink>
-            </NavItem>
+            </NavItem> */}
             <NavItem>
               <NextLink href={"/rankings/"}>
                 <A
@@ -693,6 +684,18 @@ const Navbar: FC<FuncProps> = ({
                   Rankings
                 </A>
               </NextLink>
+              {/* <a
+                target="_blank"
+                href="https://bbwonderland.com/"
+                rel="noreferrer"
+              >
+                <div>
+                  Wonderland
+                  <div>
+                    <ExternalLinkIcon src={externalLinkIcon.src} />
+                  </div>
+                </div>
+              </a> */}
             </NavItem>
             {loggedIn && (
               <NavItem>

components/common/SideNavbar/SideNavbar.tsx

@@ -185,7 +185,7 @@ const SideNavbar: FC<Props> = ({ isSideNavbarOpen, toggle }: Props) => {
       </Icon>
       <SideNavbarWrapper>
         <SideNavbarMenu>
-          <NextLink href="/store">
+          <NextLink href="/drop">
             <A onClick={toggle}>Store</A>
           </NextLink>
 

components/common/SlideOverNavbar/SlideOverNavbar.tsx

@@ -284,10 +284,10 @@ const SlideOverNavbar: FC<Props> = ({
                             </>
                           )}
                         </div>
-                        <Link href="/store">
+                        <Link href="/drop">
                           <a>
                             <LargeNavItem onClick={() => close()}>
-                              Store
+                              Drop
                             </LargeNavItem>
                           </a>
                         </Link>
@@ -305,6 +305,20 @@ const SlideOverNavbar: FC<Props> = ({
                             </LargeNavItem>
                           </a>
                         </Link>
+                        <a
+                          target="_blank"
+                          href="https://bbwonderland.com/"
+                          rel="noreferrer"
+                        >
+                          <SmallNavItem
+                            style={{ display: "flex", marginTop: "5px" }}
+                          >
+                            Wonderland
+                            <div>
+                              <ExternalLinkIcon src={externalLinkIcon.src} />
+                            </div>
+                          </SmallNavItem>
+                        </a>
                         {/* <Link href="/dexicon">
                           <a>
                             <LargeNavItem onClick={() => close()}>

components/ui/AcceptOfferModal/AcceptOfferModal.tsx

@@ -164,6 +164,12 @@ const AcceptOfferModal: FC<Props> = ({ open, setOpen, beast, offer }) => {
                       ${parseFloat(offer?.offerAmount) * 0.9} FUSD
                     </span>
                   </Title>
+                  <div
+                    className="text-right absolute top-0 left-0 right-3 sm:hidden"
+                    onClick={() => setOpen(false)}
+                  >
+                    <div style={{ fontSize: "2em", color: "white" }}>x</div>
+                  </div>
                   <div>
                     <Button
                       onClick={() => {