update owned filter

Author: bz-hashtag-0780

components/ui/BeastMarket/BeastMarket.tsx

@@ -934,6 +934,15 @@ const BeastMarket: FC<Props> = () => {
       }
       // setElementFilter((elementFilter: any) => [...elementFilter, "Electric"])
       setDisplayBeasts(newBeasts)
+    } else if (ownedToggled) {
+      var newBeasts: any = []
+      for (let key in beasts) {
+        var beast = beasts[key]
+        if (userBeasts?.map((beast: any) => beast.id).includes(beast.id)) {
+          newBeasts.push(beast)
+        }
+      }
+      setDisplayBeasts(newBeasts)
     } else {
       setDisplayBeasts(beasts)
     }
@@ -951,6 +960,16 @@ const BeastMarket: FC<Props> = () => {
         }
       }
       setDisplayBeasts(newBeasts)
+    } else if (favoriteToggled) {
+      console.log(favoriteBeasts)
+      var newBeasts: any = []
+      for (let key in beasts) {
+        var beast = beasts[key]
+        if (favoriteBeasts.includes(beast.id)) {
+          newBeasts.push(beast)
+        }
+      }
+      setDisplayBeasts(newBeasts)
     } else {
       setDisplayBeasts(beasts)
     }

components/ui/BeastMarketFilters/BeastMarketFilters.tsx

@@ -3,6 +3,7 @@ import styled from "styled-components"
 import { FC, Fragment, useEffect, useState } from "react"
 import { Dialog, Disclosure, Menu, Transition } from "@headlessui/react"
 import { ChevronDownIcon, MinusIcon, PlusIcon } from "@heroicons/react/solid"
+import { useAuth } from "@components/auth/AuthProvider"
 
 const Wrapper = styled.div`
   background: transparent;
@@ -177,6 +178,8 @@ const BeastMarketFilters: FC<Props> = ({
 
   useEffect(() => {}, [filters])
 
+  const { loggedIn } = useAuth()
+
   type SelectedFilters = {
     dexNumber: [number]
     skin: [string]
@@ -472,38 +475,61 @@ const BeastMarketFilters: FC<Props> = ({
                   <h3 className="sr-only">Categories</h3>
                   <ul role="list" className="pb-6 text-sm font-medium ">
                     {subCategories.map((category) => (
-                      <li
-                        className="flex w-full justify-between items-center"
-                        key={category.name}
-                      >
-                        <a style={{ fontSize: "1.3em" }} href={category.href}>
-                          {category.name}
-                        </a>
-                        {category.name == "Favorites" && (
-                          <Switch>
-                            <SwitchInput
-                              defaultChecked={favoriteToggled}
-                              type="checkbox"
-                              onChange={() => {
-                                setFavoriteToggled(!favoriteToggled)
-                              }}
-                            />
-                            <SwitchSlider></SwitchSlider>
-                          </Switch>
-                        )}
-                        {category.name == "Owned" && (
-                          <Switch>
-                            <SwitchInput
-                              defaultChecked={ownedToggled}
-                              type="checkbox"
-                              onChange={() => {
-                                setOwnedToggled(!ownedToggled)
-                              }}
-                            />
-                            <SwitchSlider></SwitchSlider>
-                          </Switch>
+                      <>
+                        {category.name == "Owned" ? (
+                          <>
+                            {loggedIn && (
+                              <li
+                                className="flex w-full justify-between items-center"
+                                key={category.name}
+                              >
+                                <a
+                                  style={{ fontSize: "1.3em" }}
+                                  href={category.href}
+                                >
+                                  {category.name}
+                                </a>
+                                {category.name == "Owned" && (
+                                  <Switch>
+                                    <SwitchInput
+                                      defaultChecked={ownedToggled}
+                                      type="checkbox"
+                                      onChange={() => {
+                                        setOwnedToggled(!ownedToggled)
+                                      }}
+                                    />
+                                    <SwitchSlider></SwitchSlider>
+                                  </Switch>
+                                )}
+                              </li>
+                            )}
+                          </>
+                        ) : (
+                          <li
+                            className="flex w-full justify-between items-center"
+                            key={category.name}
+                          >
+                            <a
+                              style={{ fontSize: "1.3em" }}
+                              href={category.href}
+                            >
+                              {category.name}
+                            </a>
+                            {category.name == "Favorites" && (
+                              <Switch>
+                                <SwitchInput
+                                  defaultChecked={favoriteToggled}
+                                  type="checkbox"
+                                  onChange={() => {
+                                    setFavoriteToggled(!favoriteToggled)
+                                  }}
+                                />
+                                <SwitchSlider></SwitchSlider>
+                              </Switch>
+                            )}
+                          </li>
                         )}
-                      </li>
+                      </>
                     ))}
                   </ul>
                   {ownedToggled || favoriteToggled ? (

framework/hooks/use-user-inbox.hook.ts

@@ -75,6 +75,7 @@ export default function useInbox(user: any) {
         import Pack from 0xPack
         import NonFungibleToken from 0xNonFungibleToken
         import MetadataViews from 0xMetadataViews
+        import FUSD from 0xFUSD
 
         pub fun hasPackCollection(_ address: Address): Bool {
             return getAccount(address)
@@ -90,6 +91,26 @@ export default function useInbox(user: any) {
 
             prepare(acct: AuthAccount) {
 
+              // check for FUSD vault
+              if acct.borrow<&FUSD.Vault>(from: /storage/fusdVault) == nil {
+                  // Create a new FUSD Vault and put it in storage
+                  acct.save(<-FUSD.createEmptyVault(), to: /storage/fusdVault)
+
+                  // Create a public capability to the Vault that only exposes
+                  // the deposit function through the Receiver interface
+                  acct.link<&FUSD.Vault{FungibleToken.Receiver}>(
+                      /public/fusdReceiver,
+                      target: /storage/fusdVault
+                  )
+
+                  // Create a public capability to the Vault that only exposes
+                  // the balance field through the Balance interface
+                  acct.link<&FUSD.Vault{FungibleToken.Balance}>(
+                      /public/fusdBalance,
+                      target: /storage/fusdVault
+                  )
+              }
+
                 self.centralizedInboxRef = getAccount(adminAcct).getCapability(Inbox.CentralizedInboxPublicPath)
                 .borrow<&Inbox.CentralizedInbox{Inbox.Public}>()
                 ?? panic("Could not get Centralized Inbox reference")

pages/evolution.tsx

@@ -1,13 +1,22 @@
 import type { NextPage } from "next"
 import DefaultHeroSection from "@components/ui/DefaultHeroSection"
+import EvolutionModal from "@components/ui/EvolutionModal"
+import { useState } from "react"
 
 const Evolution: NextPage = () => {
+  const [open, setOpen] = useState(true)
   return (
     <div>
       <DefaultHeroSection
         title="Coming Soon!"
         description="Evolve your Basic Beasts to complete your Dexicon"
       />
+      <EvolutionModal
+        handleClose={() => setOpen(true)}
+        RevealModalOpen={open}
+        packId={"1" || "1"}
+        evolvedBeastId={"2"}
+      />
     </div>
   )
 }