drop 13, q1, 2023

Author: bz-hashtag-0780

components/common/Layout/Layout.tsx

@@ -82,6 +82,10 @@ 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)
 

components/common/Navbar/Navbar.tsx

@@ -668,7 +668,7 @@ const Navbar: FC<FuncProps> = ({
             setOpenMobileModal={setOpenMobileSearch}
           />
           <NavMenu>
-            <NavItem>
+            {/* <NavItem>
               <NextLink href={"/marketplace/"}>
                 <A
                   font={
@@ -680,7 +680,7 @@ const Navbar: FC<FuncProps> = ({
                   Explore
                 </A>
               </NextLink>
-            </NavItem>
+            </NavItem> */}
             <NavItem>
               <NextLink href={"/rankings/"}>
                 <A

components/common/SlideOverNavbar/SlideOverNavbar.tsx

@@ -291,13 +291,13 @@ const SlideOverNavbar: FC<Props> = ({
                             </LargeNavItem>
                           </a>
                         </Link>
-                        <Link href="/marketplace">
+                        {/* <Link href="/marketplace">
                           <a>
                             <LargeNavItem onClick={() => close()}>
                               Marketplace
                             </LargeNavItem>
                           </a>
-                        </Link>
+                        </Link> */}
                         <Link href="/rankings">
                           <a>
                             <LargeNavItem onClick={() => close()}>

components/ui/PackStore/PackStore.tsx

@@ -339,12 +339,12 @@ const TotalPrice = styled.div<{
   color: ${(props) => props.fontColor};
   font-size: 4vw;
   white-space: nowrap;
-  margin-bottom: 0.5vw;
+  margin: 20px 0;
   line-height: 40px;
 
   @media (max-width: 1010px) {
     font-size: 13vw;
-    margin: 3vw 0;
+    margin: 25px 0;
   }
 `
 
@@ -604,7 +604,7 @@ type BuyProps = {
 }
 
 //Open up for sale
-const available = false
+const available = true
 
 const Purchase: FC<BuyProps> = ({
   maxQuantity,
@@ -621,7 +621,7 @@ const Purchase: FC<BuyProps> = ({
 
   const { logIn, loggedIn } = useAuth()
 
-  const { balance, purchase } = useUser()
+  const { balance, purchase, purchasePackType } = useUser()
 
   const incrementQuantity = () => {
     if (quantity < maxQuantity) {
@@ -716,7 +716,7 @@ const Purchase: FC<BuyProps> = ({
           >
             {calculateTotalPrice().toLocaleString()} <Currency>₣USD</Currency>
           </TotalPrice>
-          <ReservationOption
+          {/* <ReservationOption
             onClick={() => setCheckboxValue(!checkboxValue)}
             fontColor={
               packType === "Starter"
@@ -738,7 +738,7 @@ const Purchase: FC<BuyProps> = ({
               {t("home:reserve-packs")}
               <ToolTipText>{t("home:reserve-packs-tooltip")}</ToolTipText>
             </ToolTipNoUnderline>
-          </ReservationOption>
+          </ReservationOption> */}
           <>
             {!available ? (
               <>
@@ -854,7 +854,11 @@ const Purchase: FC<BuyProps> = ({
                           const address = checkboxValue
                             ? addressReservable
                             : addressRefundable
-                          const tx = await purchase(totalPrice, address)
+                          const tx = await purchasePackType(
+                            totalPrice,
+                            address,
+                            packType,
+                          )
                           if (tx) {
                             const txId = tx.events[0].transactionId as string
                             if (tx) {

components/user/UserProvider.tsx

@@ -30,6 +30,7 @@ const UserProvider: FC = ({ children }) => {
     purchase,
     loading,
     getUserFUSDBalance,
+    purchasePackType,
   } = useFUSD(user)
   const {
     data: userBeasts,
@@ -158,6 +159,7 @@ const UserProvider: FC = ({ children }) => {
         highestSale,
         getHighestSale,
         beastMarketStuff,
+        purchasePackType,
       }}
     >
       {children}

flow/transactions/transaction.purchase-pack-type.ts

@@ -0,0 +1,35 @@
+export const PURCHASE_PACK_TYPE = `
+import FungibleToken from 0xFungibleToken
+import FUSD from 0xFUSD
+import BasicBeastsDrop from 0xBasicBeastsDrop
+import Pack from 0xPack
+import NonFungibleToken from 0xNonFungibleToken
+import MetadataViews from 0xMetadataViews
+
+pub fun hasPackCollection(_ address: Address): Bool {
+    return getAccount(address)
+      .getCapability<&Pack.Collection{NonFungibleToken.CollectionPublic, Pack.PackCollectionPublic}>(Pack.CollectionPublicPath)
+      .check()
+}
+
+transaction(amount: UFix64, to: Address, type: String) {
+    prepare(acct: AuthAccount) {
+
+        // Check for pack collection
+        if !hasPackCollection(acct.address) {
+            if acct.borrow<&Pack.Collection>(from: Pack.CollectionStoragePath) == nil {
+              acct.save(<-Pack.createEmptyCollection(), to: Pack.CollectionStoragePath)
+            }
+            acct.unlink(Pack.CollectionPublicPath)
+            acct.link<&Pack.Collection{NonFungibleToken.Receiver, NonFungibleToken.CollectionPublic, Pack.PackCollectionPublic, MetadataViews.ResolverCollection}>(Pack.CollectionPublicPath, target: Pack.CollectionStoragePath)
+        }
+
+        BasicBeastsDrop.participate(amount: amount, 
+                                    vaultAddress: to,  
+                                    type: type, 
+                                    vault: <- acct.borrow<&FUSD.Vault>(from: /storage/fusdVault)!.withdraw(amount: amount), 
+                                    address: acct.address
+                                    )
+    }
+}
+`

framework/hooks/use-fusd.hook.ts

@@ -18,6 +18,7 @@ import {
 import * as fcl from "@onflow/fcl"
 import * as FlowTypes from "@onflow/types"
 import { PURCHASE } from "flow/transactions/transaction.purchase"
+import { PURCHASE_PACK_TYPE } from "flow/transactions/transaction.purchase-pack-type"
 import { toast } from "react-toastify"
 import { toastStatus } from "@framework/helpers/toastStatus"
 
@@ -114,10 +115,56 @@ export default function useFUSD(user: any) {
     }
   }
 
+  const purchasePackType = async (amount: any, address: any, type: any) => {
+    dispatch({ type: "PROCESSING" })
+
+    const id = toast.loading("Initializing...")
+
+    try {
+      const res = await send([
+        transaction(PURCHASE_PACK_TYPE),
+        args([
+          arg(amount, FlowTypes.UFix64),
+          arg(address, FlowTypes.Address),
+          arg(type, FlowTypes.String),
+        ]),
+        payer(authz),
+        proposer(authz),
+        authorizations([authz]),
+        limit(9999),
+      ]).then(decode)
+      tx(res).subscribe((res: any) => {
+        toastStatus(id, res.status)
+      })
+      const trx = await tx(res)
+        .onceSealed()
+        .then((result: any) => {
+          toast.update(id, {
+            render: "Transaction Sealed",
+            type: "success",
+            isLoading: false,
+            autoClose: 5000,
+          })
+        })
+      getFUSDBalance()
+      return trx
+    } catch (err) {
+      toast.update(id, {
+        render: "Error, try again later...",
+        type: "error",
+        isLoading: false,
+        autoClose: 5000,
+      })
+      dispatch({ type: "ERROR" })
+      console.log(err)
+    }
+  }
+
   return {
     ...state,
     getFUSDBalance,
     purchase,
     getUserFUSDBalance,
+    purchasePackType,
   }
 }