\n
\n \n\n \n
\n\n \n \n
\n\n \n \n Leaderboard\n \n\n \n Dashboard\n \n\n \n Proposals\n \n \n Airdrop\n \n
\n\n {window.userAddress ?\n \n
\n : null\n }\n\n \n {zoraBalance ?\n precision.remove(zoraBalance).toFixed(4) :\n
\n –
\n }\n \n \n {window.userAddress ?\n \n
\n \n {window.userAddress.substr(0, 5)}...\n {window.userAddress.substr(38, 42)}\n
\n \n :\n \n Connect\n
\n }\n \n \n \n \n
\n \n \n App\n \n
\n\n \n
\n\n - \n \n Leaderboard\n \n\n \n Dashboard\n \n\n \n Proposals\n \n \n Airdrop\n \n
\n You have chosen incorrect network\n {getNetworkName(window.chainId)} \n in Metamask.\n
\n Please choose network as\n {getNetworkName(window.correctChainId)} in\n
\n
\n :\n \n Please choose network as\n {getNetworkName(window.correctChainId)} in\n
\n You don't have Metamask Wallet Installed.\n
\n Please install\n\n first !!\n
\n }\n \n \n Please install\n
\n setErrorModal({\n ...errorModal, open: false\n })}\n >\n {errorModal.msg}\n \n
\n );\n};\n\nexport default Overview;\n","import React, { useEffect, useState, useContext } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { thegraph } from \"../../../utils/thegraph\";\nimport AlertModal from \"../../Utils/AlertModal\";\nimport { Web3Context } from \"../../../context/Web3Context\";\nimport \"../../../styles/recentProposal.css\";\n\nconst RecentProposals = () => {\n const [proposals, setProposals] = useState([]);\n\n const [errorModal, setErrorModal] = useState({\n msg: \"\",\n open: false\n });\n\n const userData = useContext(Web3Context);\n const userBalance = userData.state.balance;\n const totalSupply = userData.state.totalSupply;\n\n const fetchData = () => {\n thegraph.fetchProposals()\n .then((data) => {\n setProposals(data.slice(0, 3));\n })\n .catch((error) => {\n setErrorModal({\n open: true,\n msg: error.message,\n });\n });\n };\n\n useEffect(() => {\n fetchData();\n }, []);\n\n return (\n Zora Labs Governance
\n\n\n
\n\n \n
\n\n \n \n
\n \n
\n\n {totalSupply? precision.remove(totalSupply): \"-\"} ZORA
\n \n \n
\n \n \n View\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n {governanceData.delegatedVotes ?\n Number(governanceData.delegatedVotes).toFixed(0) :\n null}\n
\n \n \n
\n \n
\n \n
\n \n {governanceData.currentDelegates}\n
\n \n \n setErrorModal({\n ...errorModal, open: false\n })}\n >\n {errorModal.msg}\n \n
\n );\n};\n\nexport default RecentProposals;\n","import React, { useEffect, useState } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport userLogo from \"../../../assets/images/user.png\";\nimport { thegraph } from \"../../../utils/thegraph\";\nimport AlertModal from \"../../Utils/AlertModal\";\nimport \"../../../styles/topAddresses.css\";\n\nconst TopAddresses = () => {\n const [addresses, setAddresses] = useState([]);\n const [\n totalVoteDelegated,\n setTotalVoteDelegated\n ] = useState(\"\");\n\n const [errorModal, setErrorModal] = useState({\n msg: \"\",\n open: false\n });\n\n const fetchData = () => {\n thegraph.fetchActiveDelegates()\n .then((data) => {\n setAddresses(data.slice(0, 5));\n })\n .catch((error) => {\n setErrorModal({\n open: true,\n msg: error.message,\n });\n });\n\n thegraph.fetchAggregatedData()\n .then((data) => {\n setTotalVoteDelegated(\n data.delegatedVotes\n );\n })\n .catch((error) => {\n setErrorModal({\n open: true,\n msg: error.message,\n });\n });\n };\n\n useEffect(() => {\n fetchData();\n }, []);\n\n return (\n \n
\n\n \n
\n Recent Proposals
\n {userBalance && userBalance * 100 / totalSupply > 1 ?\n Create Proposal\n : null\n }\n\n {proposals.length > 0 ?\n (proposals.map((proposal, key) => (\n proposal.status !== \"CANCELLED\" ?\n \n
\n {proposals.length > 0 ?\n \n View All Proposals\n \n : null\n }\n \n
\n \n
\n \n {proposal.id}\n •\n \n {proposal.status === \"ACTIVE\" ? \"Active\" : (\n proposal.status === \"QUEUED\"\n ) ? \"In Queue\" : \"Created\"}\n \n {proposal.description.split(\"/#\")[0]}\n
\n \n
\n \n :\n \n \n
\n \n {proposal.status}\n
\n\n
\n \n
\n \n {proposal.id}\n •\n \n Failed\n {\" \"}\n {proposal.description.split(\"/#\")[0]}\n
\n \n
\n \n ))) :\n \n
\n \n {proposal.status}\n
\n\n
\n }\n \n No Proposal\n
\n \n setErrorModal({\n ...errorModal, open: false\n })}\n >\n {errorModal.msg}\n \n
\n );\n};\n\nexport default TopAddresses;\n","import React from \"react\";\nimport Overview from \"./Overview\";\nimport RecentProposals from \"./RecentProposals\";\nimport TopAddresses from \"./TopAddresses\";\n\nconst Dashboard = () => {\n return (\n <>\n \n
\n\n \n
\n Top Zora Voting Power
\n\n
\n\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n {addresses.length > 0 ?\n (addresses.map((element, key) => (\n \n
\n\n {addresses.length > 0 ?\n \n View All Stakeholders\n \n : null\n }\n \n
\n\n \n \n {element.id.substr(0, 18)}...\n \n
\n \n
\n\n \n {element.id}\n \n \n {Number(element.delegatedVotes).toFixed(0)}\n
\n\n \n {((Number(element.delegatedVotes) /\n Number(totalVoteDelegated)) * 100).toFixed(0)} %\n
\n\n \n {element.votes.length}\n
\n \n ))) :\n \n
\n }\n \n No Voters\n
\n \n \n \n\n \n \n
\n \n );\n};\n\nexport default Dashboard;\n","import React, { useEffect, useState } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { thegraph } from \"../../../utils/thegraph\";\nimport AlertModal from \"../../Utils/AlertModal\";\nimport \"../../../styles/proposalsOverview.css\";\n\nconst ProposalsOverview = () => {\n const [data, setData] = useState({});\n\n const [errorModal, setErrorModal] = useState({\n msg: \"\",\n open: false\n });\n\n const fetchData = () => {\n thegraph.fetchAggregatedData()\n .then((data) => {\n setData(data);\n })\n .catch((error) => {\n setErrorModal({\n open: true,\n msg: error.message,\n });\n });\n };\n\n useEffect(() => {\n fetchData();\n }, []);\n\n return (\n \n
\n \n
\n \n
\n\n \n
\n \n \n
\n\n \n ⬅ Dashboard\n
\n \n\n\n
\n \n
\n \n Governance Proposals\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {data.proposals ? data.proposals :\n — \n }\n
\n \n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n\n All Proposals
\n\n
\n\n Recent Proposals
\n {userBalance && userBalance * 100 / totalSupply > 1 ?\n Create Proposal\n : null\n }\n\n {proposals.map((proposal, key) => (\n proposal.status !== \"CANCELLED\" ?\n \n
\n \n
\n \n
\n \n {proposal.description.split(\"/#\")[0]}\n
\n \n
\n \n {proposal.status === \"ACTIVE\" ? \"Active\" : (\n proposal.status === \"QUEUED\"\n ) ? \"In Queue\" : \"Created\"}\n
\n \n {proposal.id}\n •\n {proposal.status} {proposal.date}\n
\n \n
\n \n :\n \n \n
\n \n {proposal.status}\n
\n\n
\n \n
\n \n {proposal.description.split(\"/#\")[0]}\n
\n \n
\n \n Failed\n
\n \n {proposal.id}\n •\n {proposal.status} {proposal.date}\n
\n \n
\n \n ))}\n\n {proposals.length === 0 ?\n \n
\n \n {proposal.status}\n
\n\n
\n : null\n }\n \n
\n \n
\n \n
\n \n —\n
\n \n
\n \n —\n
\n\n
\n \n
\n \n \n
\n \n ⬅ Dashboard\n
\n \n\n
\n Leaderboard
\n \n
\n \n
\n \n
\n \n
\n \n
\n Top Zora Voting Power
\n\n
\n\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n {addresses.map((element, key) => (\n \n
\n \n
\n\n \n \n {element.id.substr(0, 24)}...\n \n
\n \n \n
\n\n \n
\n\n \n {element.id}\n \n \n {Number(element.delegatedVotes).toFixed(2)}\n
\n\n \n {((Number(element.delegatedVotes) /\n Number(totalVoteDelegated)) * 100).toFixed(0)} %\n
\n\n \n {element.votes.length}\n
\n \n ))}\n \n
\n \n \n\n \n {window.userAddress && proposal.state === \"Active\" && !voted && proposal.votes ? (\n
\n\n \n
\n ) : null}\n\n \n
\n \n
\n \n
\n \n
\n\n \n
\n Cast Your Vote
\n\n Vote Power:{\" \"}\n {userVotePower\n ? precision.remove(userVotePower).toFixed(4)\n : \"-\"}\n
\n\n
\n \n \n {castingVote ? (\n
\n \n setUserVote(true)}\n >\n Yes, I support this proposal\n \n setUserVote(false)}\n >\n No, I don't support this proposal\n \n
\n\n \n Processing\n \n
\n ) : (\n Vote
\n )}\n \n\n {userVotePower && userVotePower <= 0 ? (\n \n You can't cast vote because either You don't have ZORA\n or you have not delegated your votes\n
\n ) : null}\n \n
\n\n \n
\n\n \n \n
\n \n
\n \n
\n For
\n{Number(supportVotes.total).toFixed(0)}
\n\n 0?Number(100*supportVotes.total/(supportVotes.total + againstVotes.total)).toFixed(0).toString()+\"%\":\"0%\" }}\n />\n
\n \n
\n {supportVotes.votes.splice(0, 3).map((element, key) => (\n \n \n
\n \n \n
\n \n {element.voter.substr(0, 5)}...\n {element.voter.substr(38, 42)}\n
\n \n {Number(element.quantity).toFixed(4)}\n
\n \n ))}\n\n {supportVotes.votes.length < 3 ? (\n \n
\n ) : (\n \n View All\n \n )}\n \n —\n
\n \n —\n
\n \n
\n \n \n
\n \n
\n \n
\n Against
\n{Number(againstVotes.total).toFixed(0)}
\n\n 0?Number(100*againstVotes.total/(supportVotes.total + againstVotes.total)).toFixed(0).toString()+\"%\":\"0%\" }}\n />\n
\n \n
\n\n {againstVotes.votes.splice(0, 3).map((element, key) => (\n \n \n
\n \n \n
\n \n {element.voter.substr(0, 5)}...\n {element.voter.substr(38, 42)}\n
\n \n {Number(element.quantity).toFixed(4)}\n
\n \n ))}\n\n {againstVotes.votes.length < 3 ? (\n \n
\n ) : (\n \n View All\n \n )}\n \n —\n
\n \n —\n
\n \n
\n \n
\n \n \n {proposal.description\n ? proposal.description.split(\"/#\").map((element, key) =>\n key !== 0 ? (\n \n {element}\n
\n ) : null\n )\n : null}\n \n
\n\n Details
\n\n
\n \n
\n \n
\n\n Proposal History
\n\n {proposal.startTime && proposalState ? (\n
\n \n
\n ) : null}\n \n
\n\n \n \n \n \n
\n \n
\n \n Created\n
\n \n {getLocalDate(proposal.startTime - 10000)} -{\" \"}\n {getLocalTime(proposal.startTime - 10000)}\n
\n \n
\n\n {proposalState === \"Succeeded\" ? (\n \n
\n \n
\n \n Active\n
\n \n {getLocalDate(proposal.startTime)} –{\" \"}\n {getLocalTime(proposal.startTime)}\n
\n \n
\n ) : null}\n\n {proposalState === \"Defeated\" ? (\n \n
\n \n
\n \n Succeeded\n
\n \n {getLocalDate(proposal.endTime)} –{\" \"}\n {getLocalTime(proposal.endTime)}\n
\n \n
\n ) : null}\n\n {proposal.status === \"QUEUED\" ||\n proposal.status === \"EXECUTED\" ? (\n \n
\n \n
\n \n Defeated\n
\n \n {getLocalDate(proposal.endTime)} –{\" \"}\n {getLocalTime(proposal.endTime)}\n
\n \n
\n ) : null}\n\n {proposal.status === \"QUEUED\" ||\n proposal.status === \"EXECUTED\" ? (\n \n
\n \n
\n \n Succeeded\n
\n \n {getLocalDate(proposal.endTime)} –{\" \"}\n {getLocalTime(proposal.endTime)}\n
\n \n
\n ) : null}\n\n {proposalState === \"Expired\" ? (\n \n
\n \n
\n \n Queued\n
\n \n {getLocalDate(proposal.endTime)} –{\" \"}\n {getLocalTime(proposal.endTime)}\n
\n \n
\n ) : null} \n\n {proposal.status === \"EXECUTED\" ? (\n \n
\n \n
\n \n Expired\n
\n \n {getLocalDate(proposal.endTime)} –{\" \"}\n {getLocalTime(proposal.endTime)}\n
\n \n
\n ) : proposal.status === \"CANCELLED\" ? (\n \n
\n \n
\n \n Executed\n
\n \n {getLocalDate(Number(proposal.endTime) + 172800)}\n – \n {getLocalTime(Number(proposal.endTime) + 172800)}\n
\n \n
\n ) : null}\n\n \n
\n \n
\n \n Canceled\n
\n \n {getLocalDate(proposal.endTime)} –{\" \"}\n {getLocalTime(proposal.endTime)}\n
\n \n
\n \n \n
\n\n {admin === userAddress && admin && proposal.endTime && proposalState == \"Succeeded\" ? (\n \n \n \n ⬅ Proposals\n \n \n\n
\n \n
\n \n
\n \n \n {proposal.id ? (\n
\n\n {proposal.id ? (\n {String(proposal.description).split(\"/#\")[0]}
\n ) : null}\n \n {proposal.status === \"EXECUTED\" ? (\n
\n ) : null}\n \n Passed\n
\n ) : proposal.status === \"CANCELLED\" ? (\n \n Failed\n
\n ) : (\n \n Active\n
\n )}\n \n {proposal.id}\n •\n {proposal.status === \"EXECUTED\" ? (\n {getLocalDate(proposal.endTime + 172800)}\n ) : proposal.status === \"ACTIVE\" ||\n proposal.status === \"PENDING\" ? (\n {getLocalDate(proposal.startTime)}\n ) : proposal.status === \"QUEUED\" ? (\n {getLocalDate(proposal.endTime)}\n ) : proposal.status === \"CANCELLED\" ? (\n {getLocalDate(proposal.endTime)}\n ) : null}\n
\n \n \n
\n ) : admin === userAddress && admin && proposal.endTime && proposalState == \"Queued\" ?\n \n \n
\n : null\n }\n\n {admin === userAddress && admin && proposalState !== \"Canceled\" ? (\n \n \n
\n ) : null}\n\n \n \n
\n \n
\n\n \n
\n \n \n {proposal.proposer ? (\n
\n \n {proposal.proposer.id.substr(0, 5)}...\n {proposal.proposer.id.substr(38, 42)}\n
\n ) : null}\n \n
\n\n \n \n \n\n \n
\n \n\n \n
\n \n
\n \n \n
\n \n ⬅ Dashboard\n
\n \n\n
\n \n
\n \n
\n \n \n {address}\n\n \n \n\n \n {address.substr(0, 10)}.....{address.substr(32, 42)}\n\n \n \n\n
\n \n
\n \n \n
\n \n {delegateInfo.id ? {addressRank} :\n — }\n
\n\n
\n\n \n
\n\n \n
\n \n
\n \n
\n Holdings
\n\n
\n\n \n \n
\n\n \n {Number(zoraBalance).toFixed(4)}\n
\n\n \n {delegating ?\n
\n : null\n }\n\n {/* \n \n
\n\n \n {delegateInfo.id ? Number(delegateInfo.delegatedVotes).toFixed(4) :\n — }\n
\n\n {window.userAddress && address === window.userAddress.toLowerCase() &&\n Number(delegateInfo.delegatedVotes) < Number(zoraBalance) ?\n\n Processing\n \n
\n :\n Delegate Token
\n }\n \n
*/}\n \n
\n \n \n Learn more\n \n
\n \n 345,028\n \n \n 100,000\n
\n\n\n If you have over 100,000 votes, you are able to\n create a proposal.\n
\n\n \n
\n \n {delegateInfo.id ? delegateInfo.proposals.length :\n — }\n
\n\n
\n \n
\n \n
\n\n Voting History
\n\n {delegateInfo.votes.map((vote, key) => (\n \n
\n \n
\n {vote.support ?\n \n
\n \n {vote.proposal.id}\n •\n {vote.proposal.status === \"CANCELLED\" ?\n \n Failed\n \n :\n \n {vote.proposal.status === \"ACTIVE\" ? \"Active\" : (\n vote.proposal.status === \"QUEUED\"\n ) ? \"In Queue\" : \"Created\"}\n \n }\n {vote.proposal.description.split(\"/#\")[0]}\n
\n \n
\n :\n For
\n\n
\n }\n \n ))}\n Against
\n\n
\n \n
\n \n
\n \n
\n Proposals Created
\n\n {delegateInfo.proposals.map((proposal, key) => (\n \n
\n \n
\n\n \n
\n \n {proposal.id}\n •\n {proposal.status === \"CANCELLED\" ?\n \n Failed\n \n :\n \n {proposal.status === \"ACTIVE\" ? \"Active\" : (\n proposal.status === \"QUEUED\"\n ) ? \"In Queue\" : \"Created\"}\n \n }\n {proposal.description.split(\"/#\")[0]}\n
\n \n
\n \n ))}\n \n
\n \n {proposal.status}\n
\n\n \n \n\n \n
\n \n \n\n \n
\n \n
\n \n Vesting\n
\n\n\n \n {config.vestingAddress}\n \n \n\n \n {config.vestingAddress.substr(0, 10)}.....{config.vestingAddress.substr(32, 42)}\n \n \n
\n \n
\n \n
\n\n \n
\n\n \n
\n \n
\n Account Summary
\n\n
\n \n \n
\n\n {Number(state.zoraInLockup) > 0 ?\n \n {precision.remove(Number(state.zoraInLockup))} \n
\n\n
\n : null\n }\n\n \n \n {processing ?\n
\n\n \n \n
\n\n \n {state.amountAvailable ?\n {precision.remove(Number(state.amountAvailable))} :\n — }\n
\n\n {Number(state.amountAvailable) > 0 ?\n\n Processing\n \n
\n :\n Withdraw Tokens
\n }\n \n : null\n }\n \n
\n \n \n
\n\n \n {state.daysAlreadyPassed ?\n {state.daysAlreadyPassed.toFixed(2)} Days :\n — }\n
\n\n
\n\n \n \n
\n\n \n {Number(state.cliffPeriod) > 0 ?\n {state.cliffPeriod} Days :\n — }\n
\n\n
\n \n \n
\n\n \n {Number(state.vestingPeriod) > 0 ?\n {state.vestingPeriod} Days :\n — }\n
\n\n
\n\n \n \n
\n }\n \n
\n :\n \n
\n\n {!metamaskError ?\n \n
\n \n Deposit In Vesting Contract\n
\n\n {Number(state.totalTokenVested) > 0 ?\n \n Total Vested: \n \n {precision.remove(state.totalTokenVested)}\n \n ZORA\n \n : 0.00 ZORA\n }\n
\n\n
\n \n \n setDetails({\n ...details,\n beneficiary: e.target.value\n })}\n value={details.beneficiary}\n />\n \n
\n\n \n setDetails({\n ...details,\n amount: e.target.value\n })}\n value={details.amount}\n />\n \n
\n\n \n setDetails({\n ...details,\n cliffPeriod: e.target.value\n })}\n value={details.cliffPeriod}\n />\n \n
\n\n \n setDetails({\n ...details,\n vestingPeriod: e.target.value\n })}\n value={details.vestingPeriod}\n />\n \n
\n\n \n
\n\n \n {depositing ?\n \n Processing\n \n
\n :\n Deposit
\n }\n \n\n {Number(state.zoraInLockup) > 0 ?\n \n You already have locked ZORA in Vesting contract.\n
\n : null\n }\n \n You have not connected to metamask or You don't have Metamask.
\n Please connect first !!\n
{targetAddress.length > 0 ? \"Target Address : \" + targetAddress: \"\" }
\n{selectedFunction.length > 0 ? \"Signature : \" + selectedFunction: \"\" }
\n\n \n \n\n \n \n\n \n setErrorModal({\n ...errorModal,\n open: false,\n })\n }\n >\n {errorModal.msg}\n \n\n \n setActionModal({\n ...actionModal,\n open: false,\n })\n }\n handleSetAction = {handleSetAction}\n >\n {actionModal.msg}\n \n
\n );\n};\n\nexport default CreateProposal;\n","import React, { useEffect, useState } from \"react\";\nimport { thegraph } from \"../../utils/thegraph\";\nimport AlertModal from \"../Utils/AlertModal\";\nimport { precision } from \"../../utils/precision\";\nimport { Link } from \"react-router-dom\";\nimport axios from \"axios\";\n\nconst Airdrop = () => {\n const [xanaAmount, setXanaamount] = useState(0);\n const [zoraHolders, setZoraholder] = useState(0);\n const [zoraClaimFlg, setZoraclaimflg] = useState(false);\n const [xanatoClaim, setXanatoclaim] = useState(0);\n const [claimButton, setClaimButton] = useState(\"Claim now\");\n const [activeButton, setActive] = useState(true);\n const [claimed, setClaimed] = useState(false);\n const [startTime, setStarttime] = useState();\n const [period, setPeriod] = useState(0);\n const [validated, setValidated] = useState(true);\n const [timeLeft, setTimeLeft] = useState({});\n const [errorModal, setErrorModal] = useState({\n msg: \"\",\n open: false,\n });\n\n const fetchData = async () => {\n const XanaBalance = await window.airdropContract.methods\n .numberOfXana()\n .call();\n const Xanatoclaim = await window.airdropContract.methods\n .getXanaForUser(window.userAddress)\n .call();\n const period_contract = await window.airdropContract.methods\n .period()\n .call();\n const startAt_contract = await window.airdropContract.methods\n .startAt()\n .call();\n const validator = await window.airdropContract.methods\n .validator(window.userAddress)\n .call();\n setXanaamount(XanaBalance);\n setXanatoclaim(Xanatoclaim);\n setStarttime(startAt_contract);\n setPeriod(period_contract);\n setValidated(validator);\n axios\n .post(\"http://localhost:5000/getHolders\", {\n userAddress: window.userAddress,\n })\n .then((res) => {\n console.log(res.data);\n setZoraholder(res.data.holders);\n setZoraclaimflg(res.data.flgClaim);\n });\n };\n const calculateTimeLeft = () => {\n let difference =\n +new Date((Number(startTime) + Number(period)) * 1000) - +new Date();\n let timeLeft = {};\n\n if (difference > 0) {\n timeLeft = {\n days: Math.floor(difference / (1000 * 60 * 60 * 24)),\n hours: Math.floor((difference / (1000 * 60 * 60)) % 24),\n minutes: Math.floor((difference / 1000 / 60) % 60),\n seconds: Math.floor((difference / 1000) % 60),\n };\n setActive(true);\n } else {\n setActive(false);\n }\n return timeLeft;\n };\n const getCurrentAirdropEvent = () => {\n window.airdropContract.events.setNextAirdropEvent((err, events) => {\n if (err) {\n console.log(\"Can't reset airdrop now.\");\n } else {\n try {\n thegraph\n .fetchHolders()\n .then(async (data) => {\n console.log(data);\n axios\n .post(\"http://localhost:5000/setHolders\", data)\n .then((res) => {\n console.log(res);\n });\n setZoraholder(data.length);\n })\n .catch((error) => {\n setErrorModal({\n open: true,\n msg: error.message,\n });\n });\n } catch (err) {\n console.log(err);\n }\n }\n });\n };\n useEffect(() => {\n fetchData();\n }, []);\n useEffect(() => {\n const timer = setTimeout(() => {\n getCurrentAirdropEvent();\n setTimeLeft(calculateTimeLeft());\n }, 1000);\n return () => clearTimeout(timer);\n });\n const timerComponents = [];\n\n Object.keys(timeLeft).forEach((interval, index) => {\n if (!timeLeft[interval]) {\n return;\n }\n timerComponents.push(\n \n {timeLeft[interval] ? (\"0\" + timeLeft[interval]).slice(-2) : \"00\"}{\" \"}\n {interval}{\" \"}\n \n );\n });\n const handleClaim = async () => {\n try {\n await window.airdropContract.methods\n .claim()\n .send()\n .on(\"transactionHash\", async () => {\n console.log(\"claiming\");\n setClaimButton(\"Claiming ...\");\n })\n .on(\"receipt\", async () => {\n // setClaimButton(\"Claimed\");\n setClaimed(true);\n });\n } catch (err) {\n console.log(err);\n }\n };\n return (\n <>\n \n
\n \n
\n Create Proposal
\n\n
\n \n
\n \n
\n\n \n
\n \n
\n Proposal Description
\n\n
\n \n \n \n setDetails({\n ...details,\n title: e.target.value,\n })\n }\n value={details.title}\n />\n
\n\n \n \n setDetails({\n ...details,\n detail: e.target.value,\n })\n }\n value={details.detail}\n />\n
\n \n \n
\n\n \n
\n \n
\n \n
\n \n
\n\n {!metamaskError ? (\n \n
\n Actions
\n\n
\n \n {targetContract.name?\n \n Add Actions{\" \"}\n \n \n \n }\n
\n ) : (\n \n
:\n {targetContract.name} / {targetContract.function}
\n \n \n You have not connected to metamask or You don't have\n Metamask.\n
\n Please connect first !!\n \n
\n )}\n \n Please connect first !!\n \n
\n \n Submit\n \n
\n \n
\n \n
\n \n \n \n ⬅ Dashboard\n \n \n
\n \n
\n Airdrop
\n \n
\n {window.userAddress ? (\n \n
\n \n
\n\n \n
\n \n
\n \n \n XANA To Airdrop\n \n
\n \n {xanaAmount ? precision.remove(xanaAmount, 18) : \"-\"} XANA\n
\n \n
\n \n \n Zora holders\n \n
\n \n \n {zoraHolders ? Number(zoraHolders).toFixed(0) : \"-\"}\n
\n \n
\n \n
\n \n
\n \n
\n \n \n XANA To Claim\n \n
\n \n {xanatoClaim\n ? activeButton\n ? precision.remove(xanatoClaim, 18)\n : \"-\"\n : \"-\"}{\" \"}\n XANA\n
\n \n \n {timerComponents.length ? timerComponents : }\n \n We are going to airdrop some Xana token to Zora token holders.\n
\n If you have zora tokens, you can receive xana tokens before\n the airdrop end time.\n
\n {zoraClaimFlg === false ? (\n \n You aren't in whitelist for this chance.\n \n ) : validated ? (\n \n You have already claimed.\n \n ) : activeButton ? (\n claimed ? (\n \n You claimed xana token.\n \n ) : (\n \n If you have zora tokens, you can receive xana tokens before\n the airdrop end time.\n
\n \n \n Please connect metamask to claim.\n \n
\n \n )}\n \n \n \n \n \n \n
\n );\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './components/App';\nimport { initContracts, initConnected } from './utils/init';\n\nif (\n typeof window.ethereum !== 'undefined' &&\n window.ethereum.selectedAddress &&\n window.ethereum.isConnected()\n) {\n initContracts()\n .then(() => {\n ReactDOM.render(\n