Skip to content

Commit

Permalink
feat: fantoken update
Browse files Browse the repository at this point in the history
  • Loading branch information
@adetyaz
adetyaz committed Oct 1, 2024
1 parent cb9d24b commit f1e9937
Show file tree
Hide file tree
Showing 5 changed files with 187 additions and 245 deletions.
72 changes: 41 additions & 31 deletions src/app/[id]/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,35 +2,26 @@
import { InfoCard } from '@/components/info-card'
import Image from 'next/image'
import { Avatar } from '@readyplayerme/visage'
import { useAccount } from 'wagmi'
import { ConnectWallet } from '@/components/connect-wallet'
import { useAccount, useChainId } from 'wagmi'
import { useEffect, useState } from 'react'
import { ConnectWalletModal } from '@/components/connect-wallet-modal'
import { MintedModal } from '@/components/minted-modal'
import { ClaimNft } from '@/components/claim-nft'
import { toast } from 'react-toastify'

import { VoiceAssistant } from '@/components/voice-assistant'
import { useQueries, useQuery } from '@tanstack/react-query'
import {
getAvatars,
getPhygital,
getProfileByWallet,
getWebXR,
} from '@/utils/queries'
import { useQueries } from '@tanstack/react-query'
import { getAvatars, getPhygital, getWebXR } from '@/utils/queries'
import { AvatarType } from '@/types/types'
import { BadgeInfo } from 'lucide-react'
import Header from '@/components/header'
import Moralis from 'moralis'

export default function Home({ params }: { params: { id: string } }) {
const { id } = params
const [unlockModal, setUnlockModal] = useState(false)
const [unlockClaimed, setUnlockClaimed] = useState(false)
const [showCard, setShowCard] = useState(false)
const [mintedNFTs, setMintedNFTs] = useState([])

const account = useAccount()

const profileImage = 'QmcKFdgcuhmAQRniKwkua5aF9iuKSMJUtQekhLDNyTDfE3'
const chainId = useChainId()
const apiKey = process.env.NEXT_PUBLIC_MORALIS_API_KEY

const results = useQueries({
queries: [
Expand All @@ -55,10 +46,38 @@ export default function Home({ params }: { params: { id: string } }) {
const [phygitalResult, webxrResult, avatarResult] = results

useEffect(() => {
setTimeout(() => {
setUnlockClaimed(true)
}, 60000)
}, [])
const fetchNFTs = async () => {
try {
await Moralis.start({ apiKey })

const assets = await Moralis.EvmApi.nft.getWalletNFTs({
chain: chainId,
format: 'decimal',
mediaItems: false,
address: account.address!,
})

//@ts-ignore
setMintedNFTs(assets?.raw?.result)
console.log('NFTs:', assets.raw.result)
} catch (e) {
console.error(e)
}
}

if (account.address && chainId) {
fetchNFTs()
}
}, [account])

useEffect(() => {
//@ts-ignore
if (account && !mintedNFTs && !mintedNFTs[0]?.token_hash) {
setTimeout(() => {
setUnlockClaimed(true)
}, 60000)
}
}, [mintedNFTs, account])

const closeClaimed = () => {
setUnlockClaimed(false)
Expand Down Expand Up @@ -88,7 +107,7 @@ export default function Home({ params }: { params: { id: string } }) {

return (
<main className='flex h-dvh flex-col items-center justify-between p-24 relative'>
<Header home={false} />
<Header home={false} onClick={() => setShowCard(!showCard)} />

<a-scene>
<a-sky
Expand Down Expand Up @@ -137,25 +156,16 @@ export default function Home({ params }: { params: { id: string } }) {
</div> */}

{unlockClaimed && (
<div className='modal w-3/6'>
<div className='modal w-[95%] sm:w-5/6 md:w-3/6'>
<ClaimNft
onClose={closeClaimed}
freeNft={webxr.free_nft_image}
brandName={phygital.brand_name}
phygitalName={phygital.name}
contractAddress={phygital.contract_address}
chainTypeId={phygital.chaintype_id}
collectionId={phygital.collection_id}
phygitalId={phygital.id}
/>
</div>
)}
</section>
</main>
)
}

// {
// "message": "DelegateMintFanToken transaction sent",
// "txHash": "0x90cac9ae683f738e7a00fb2cefe87f1a4bea1d4420cfbf598b3a9f3fd31aa35c"
// }
6 changes: 3 additions & 3 deletions src/components/claim-nft-modal.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@ export const ClaimNftModal = ({
/>
</div>

<div className='flex justify-around pl-10'>
<div className='flex justify-around md:pl-10'>
<Image
src={`${'https://nftstorage.link/ipfs'}/${removePrefix(freeNft)}`}
alt='Free NFT Image'
Expand All @@ -46,11 +46,11 @@ export const ClaimNftModal = ({
/>

<div>
<p className='text-xl pt-0 pl-10 pr-10'>
<p className='text-xl pt-0 md:px-10'>
By owning this NFT, you show your support to {brandName} and help
them reach higher on the MyriadFlow avatar leaderboard!
</p>
<p className='text-xl pt-5 pl-10 pr-10 font-semibold bg-clip-text text-transparent bg-gradient-to-r from-blue-400 via-pink-500 to-purple-800'>
<p className='text-xl pt-5 md:px-10 font-semibold bg-clip-text text-transparent bg-gradient-to-r from-blue-400 via-pink-500 to-purple-800'>
Rewards are distributed to top 3 avatar creators, owners and
supporters each week.
</p>
Expand Down
85 changes: 3 additions & 82 deletions src/components/claim-nft.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,105 +1,29 @@
'use client'
import Link from 'next/link'

import { ClaimNftModal } from './claim-nft-modal'
import Image from 'next/image'
import { useAccount } from 'wagmi'
import { toast } from 'react-toastify'
import { simulateContract, writeContract } from '@wagmi/core'
import { useState } from 'react'

import { ConnectWallet } from './connect-wallet'
import { config } from '@/lib/wagmi'
import reward from '@/lib/reward.json'
import mainAbi from '@/lib/mainnetAbi.json'
import { useQuery } from '@tanstack/react-query'
import { getBrands } from '@/utils/queries'
import { BrandType } from '@/types/types'

const baseUri = process.env.NEXT_PUBLIC_URI || 'https://app.myriadflow.com'
import { baseURI } from '@/utils/queries'

export const ClaimNft = ({
onClose,
freeNft,
brandName,
contractAddress,
chainTypeId,
collectionId,
phygitalName,
phygitalId,
}: {
onClose: (state: boolean) => void
freeNft: string
brandName: string
contractAddress: string
chainTypeId: string
collectionId: string
phygitalName: string
phygitalId: string
}) => {
const [claimNft, setClaimNft] = useState(false)
const [brandId, setBrandId] = useState('')
const account = useAccount()

const brand = useQuery({
queryKey: ['brand'],
queryFn: async () => {
const brandId = await getBrands()
return brandId.find((brand: BrandType) => brand.name === brandName)
},
})

const brandResult = brand.data

console.log(contractAddress)

// const createFanToken = async () => {
// // const abi = reward.abi
// // const { request } = await simulateContract(config, {
// // abi,
// // address: '0x7Bc52aEd144B3262c17442e5223113C2f29a7033',
// // // address: '0x771C15e87272d6A57900f009Cd833b38dd7869e5'
// // functionName: 'createFanToken',
// // args: [String(contractAddress), 1, '0x0', 'www.xyz.com'],
// // })
// // const hash = await writeContract(config, request)
// // console.log('HASH', hash)

// const response = await fetch(`${baseUri}/create-fan-token`, {
// method: 'POST',
// body: JSON.stringify({
// nftContractAddress: contractAddress,
// amount: '1',
// data: '0x0',
// uri: 'www.xyz.com',
// }),
// })

// const hash = await response.json()

// if (hash) {
// const res = await fetch(`${baseUri}/fantoken`, {
// method: 'POST',
// body: JSON.stringify({
// brand_id: brandResult.id,
// collection_id: collectionId,
// phygital_id: phygitalId,
// phygital_name: phygitalName,
// chaintype_id: chainTypeId,
// fantoken_id: hash.txHash,
// wallet_address: account.address,
// }),
// })

// const result = await res.json()

// if (result) {
// setClaimNft(true)
// }
// }
// }

const mintFanToken = async () => {
const response = await fetch(`${baseUri}/delegate-mint-fantoken`, {
const response = await fetch(`${baseURI}/delegate-mint-fantoken`, {
method: 'POST',
body: JSON.stringify({
creatorWallet: account.address,
Expand All @@ -114,8 +38,6 @@ export const ClaimNft = ({
if (hash && hash.txHash) {
setClaimNft(true)
}

console.log(hash)
}

const removePrefix = (uri: string) => {
Expand All @@ -140,7 +62,6 @@ export const ClaimNft = ({
height={50}
width={150}
/>

<Image
src={`https://nftstorage.link/ipfs/${removePrefix(freeNft)}`}
alt='Free NFT Image'
Expand Down
Loading

0 comments on commit f1e9937

Please sign in to comment.