{days}
\r\nDAYS
\r\n{hours}
\r\nHOURS
\r\n{minutes}
\r\nMINUTES
\r\n{seconds}
\r\nSECONDS
\r\n\r\n 
\r\n
\r\n \r\n props.setIsActive(true)}\r\n isCompleted={() => setCountdownCompleted(true)}\r\n />\r\n
*/}\r\n Reveal
\r\n\r\n \r\n window.open(\r\n \"https://opensea.io/collection/fat-ape-club-1\",\r\n \"_blank\"\r\n )\r\n }\r\n variant=\"contained\"\r\n className=\"connect-button mint-button\"\r\n >\r\n Buy on OpenSea\r\n \r\n {/*
\r\n FAQ'S
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n How much is a Fat Ape NFT?
\r\n \r\n\r\n The Public Sale starts on November 1st, 2021, at 9 PM EST. Price\r\n Starts at 0.3 ETH + gas for 6 hours. If the collection is not sold\r\n out by then, price drops to 0.25 ETH + gas after the initial 6\r\n hours. If the collection is still not sold out after those 12\r\n hours, the rest of the Fat Apes are sold at 0.2 ETH + gas.\r\n
\r\nWhere can I view my Fat Ape NFTs?
\r\n \r\n\r\n Once you have minted a Fat Ape NFT, you will be able to see it by\r\n connecting your crypto wallet to OpenSea.\r\n
\r\nWill there be a presale?
\r\n \r\n\r\n Yes, we will be holding a presale 1 day prior to the public launch\r\n for our Whitelist members. Please join our Discord to learn how\r\n you can join the Whitelist. The Whitelist spots will be very\r\n limited.\r\n
\r\nWhen will we be able to mint Fat Apes?
\r\n \r\n\r\n The public launch will be held on November 1st, 2021, at 9 PM EST,\r\n while the presale will be held October 31st at 4 PM EST\r\n
\r\nWhat can I do with my Fat Ape?
\r\n \r\n\r\n You can use your Fat Ape as a profile picture online, and you can\r\n also resell your Fat Apes for profit. Once breeding functions\r\n launch, you will be able to earn Fat Ape tokens daily. If you\r\n accumulate enough, you will be able to burn these tokens to\r\n generate new, stronger apes.\r\n
\r\nAre there secondary sale royalties?
\r\n \r\n\r\n Yes, 10% of the secondary sales will be deducted in royalties for\r\n the Fat Ape team.\r\n
\r\nDo I own the Fat Ape after minting it?
\r\n \r\n\r\n Yes, you will own all intellectual properties to the Fat Ape,\r\n which means you can use it to create and sell merch.\r\n
\r\n\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n Welcome!
\r\n\r\n Welcome to the Fat Ape Club, a tribe of 9,999 obese apes that\r\n partied too much and didn’t exercise enough.\r\n
\r\n\r\n Years ago, the Fat Apes used to live together on a remote island\r\n in the Pacific Ocean. However, most of them were captured by\r\n poachers, who then sold the Fat Apes to multiple zoos around the\r\n world for profit. Last week, 10 Fat Apes escaped from those zoos\r\n after being held captive for more than 20 years. They are now on\r\n their way to free their colleagues, but their ultimate goal\r\n remains unclear…\r\n
\r\nHeroic Apes
\r\n\r\n The Heroic Apes are the 10 Fat Apes who escaped from their cages\r\n to free their colleagues. Each owner of those rare Heroic Apes\r\n NFTs will be rewarded with a $10,000 bonus. Once the Fat\r\n Apes are sold out, the owner of the Lamborghini Heroic Ape will\r\n win a 2020 Lamborghini Huracán.\r\n
\r\nRoadmap
\r\n\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n 0% - Welcome to the Club!
\r\n\r\n Take a seat, join other fellow apes on Discord, and sip a glass of\r\n champagne. We will be raffling 5 Fat Apes once we reach 20,000\r\n members on Discord.\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n 25% - Entrée de Caviar
\r\n\r\n Fat Ape holders will be rewarded for thanking them of being part\r\n of the community. 10% of the second-market royalties will be\r\n dedicated to a special fund to ensure the Fat Ape Club’s longevity\r\n through marketing campaigns and floor sweeps.\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n 50% - Drippy
\r\n\r\n Launch of the Fat Ape merch collection, with the option of having\r\n your Fat Ape NFT printed on the merch.\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n 75% - To the Moon!
\r\n\r\n A total of 10 Fat Apes, including one Heroic Ape, will be raffled\r\n among all the Fat Ape holders.\r\n
\r\n\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Timeline;\r\n","export default __webpack_public_path__ + \"static/media/team.b8f34940.png\";","export default __webpack_public_path__ + \"static/media/team2.e9d5e6da.png\";","export default __webpack_public_path__ + \"static/media/team3.04d1fff4.png\";","export default __webpack_public_path__ + \"static/media/team4.2a8a6fe2.png\";","import * as React from \"react\";\r\nimport Container from \"@mui/material/Container\";\r\nimport Grid from \"@mui/material/Grid\";\r\nimport img from \"../assets/team.png\";\r\nimport img2 from \"../assets/team2.png\";\r\nimport img3 from \"../assets/team3.png\";\r\nimport img4 from \"../assets/team4.png\";\r\n\r\nexport default function Team() {\r\n return (\r\n \r\n
\r\n 100% - Breeding
\r\n\r\n Our team will start implementing breeding functions in the upcoming\r\n weeks after the launch, which will allow Fat Apes holders to receive\r\n tokens and burn them to create new, stronger apes. In order to\r\n benefit from these breeding functions, you must own at least 2 Fat\r\n Apes.\r\n
\r\nTeam
\r\n\r\n
\r\n @Fat Ape Keyboard
\r\nSenior Programmer
\r\n\r\n
\r\n @Fat Ape Chief
\r\nMarketing Genius
\r\n\r\n
\r\n @DJ Fat Ape
\r\nChief of Communications
\r\n\r\n
\r\n @Fat Ape Barista
\r\nArt Director
\r\n\r\n \r\n 
\r\n 
\r\n 
\r\n 
\r\n 
\r\n 
\r\n 
\r\n 
\r\n 
\r\n
\r\n \r\n\r\n \r\n \r\n 
\r\n 
\r\n 
\r\n 
\r\n 
\r\n 
\r\n 
\r\n 
\r\n 
\r\n
\r\n \r\n \r\n Fat Ape Club\r\n
\r\n All Rights Reserved 2021
\r\n\r\n
\r\n
\r\n \r\n window.open(\"https://discord.com/invite/xxHJeysBvr\", \"_blank\")\r\n }\r\n />\r\n \r\n window.open(\"https://twitter.com/fatapeclub\", \"_blank\")\r\n }\r\n />\r\n \r\n window.open(\"https://www.instagram.com/fatapeclub/\", \"_blank\")\r\n }\r\n />\r\n \r\n window.open(\r\n \"https://opensea.io/collection/fat-ape-club-1\",\r\n \"_blank\"\r\n )\r\n }\r\n />\r\n
\r\n \r\n
\r\n DEVELOPMENT ROADMAP
\r\n- \r\n
\r\n About\r\n
\r\n\r\n Roadmap\r\n
\r\n\r\n FAQ\r\n
\r\n\r\n Team\r\n
\r\n\r\n window.location.replace(\"/breeding\")}\r\n >\r\n Breeding\r\n \r\n
\r\n \r\n window.location.replace(\"/ladiesclub\")}\r\n >\r\n Ladies Club\r\n \r\n
\r\n \r\n window.location.replace(\"/how-to-mint\")}\r\n >\r\n How to mint\r\n \r\n
\r\n \r\n \r\n window.open(\"https://discord.com/invite/xxHJeysBvr\", \"_blank\")\r\n }\r\n />\r\n \r\n window.open(\"https://twitter.com/fatapeclub\", \"_blank\")\r\n }\r\n />\r\n \r\n window.open(\"https://www.instagram.com/fatapeclub/\", \"_blank\")\r\n }\r\n />\r\n \r\n window.open(\r\n \"https://opensea.io/collection/fat-ape-club-1\",\r\n \"_blank\"\r\n )\r\n }\r\n />\r\n
\r\n {/* - \r\n {[\"All mail\", \"Trash\", \"Spam\"].map((text, index) => (\r\n
\r\n setMenuToggle(false)}\r\n PaperProps={{ className: \"drawer\" }}\r\n >\r\n {list()}\r\n \r\n \r\n \r\n \r\n \r\n window.location.replace(\"/\")}\r\n >\r\n 
\r\n Fat Ape Club\r\n \r\n \r\n {/* \r\n News\r\n */}\r\n {/* */}\r\n {/* {wallet && (\r\n
\r\n Wallet {shortenAddress(wallet.publicKey.toBase58() || \"\")}
\r\n )}\r\n\r\n {wallet &&Balance: {(balance || 0).toLocaleString()} SOL
}\r\n\r\n {wallet &&Total Available: {itemsAvailable}
}\r\n\r\n {wallet &&Redeemed: {itemsRedeemed}
}\r\n\r\n {wallet &&Remaining: {itemsRemaining}
} */}\r\n\r\n\r\n \r\n window.open(\"https://discord.com/invite/xxHJeysBvr\", \"_blank\")\r\n }\r\n >\r\n Join Discord\r\n
\r\n \r\n
\r\n TERMS
\r\n\r\n Fat Ape Club is a collection a collection of digital artworks running\r\n on the Ethereum network via non fungible tokens(NFTs). Fatapeclub.io\r\n is only a visual interface to allow users to acquire the digital\r\n artworks. Users are responsible for the safety and management of their\r\n own Ethereum wallet and validating all transactions and contracts\r\n related and generated by fatapeclub.io before approval. Also be aware\r\n that, since our Fate Ape Club smart contract runs on the Ethereum\r\n network, it is not possible to undo, reverse or restore any\r\n transactions. Fatapeclub.io and its connected services are provided\r\n “as is” and “as available” without warranty of any kind. By using\r\n fatapeclub.io you are accepting sole responsibility for any and all\r\n transactions involving Fat Ape Club digital artworks.\r\n
\r\n\r\nOWNERSHIP
\r\n\r\n i. The user that is buying and minting our Fat Ape Club artwork is the\r\n owner of the Non Fungible Token (NFT) crated by validating the\r\n transaction. Each Fat Ape is an NFT on the Ethereum blockchain. When\r\n you purchase an NFT, you own all the rights to the underlying Fat Ape.\r\n Ownership of the NFT is mediated entirely and only by the Smart\r\n Contract and the Ethereum Network which means that, at no point, may\r\n we seize, freeze, or otherwise modify the ownership of any Fat Ape.\r\n ii. Personal Use. Subject to your continued compliance with these\r\n Terms, fatapeclub.io grants you a worldwide, royalty-free license to\r\n use, copy, and display the purchased Fat Ape(s), along with any\r\n extensions that you choose to create or use, solely for the following\r\n purposes: (i) for your own personal, non-commercial use; (ii) as part\r\n of a marketplace that permits the purchase and sale of your Fat\r\n Ape/NFT, provided that the marketplace cryptographically verifies each\r\n Fat Ape owner’s rights to display the Fat Ape and ensures that only\r\n the actual owner can display the Fat Ape; or (iii) as part of a third\r\n party website or application that permits the inclusion, involvement,\r\n or participation of your Fat Ape, provided that the\r\n website/application cryptographically verifies each Fat Ape owner’s\r\n rights to display the Fat Ape and ensures that only the actual owner\r\n can display the Fat Ape, and provided that the Fat Ape is no longer\r\n visible once the owner of the Fat Ape leaves the website/application.\r\n iii. Commercial Use. Subject to your continued compliance with these\r\n Terms, fatapeclub.io grants you an unlimited, worldwide license to\r\n use, copy, and display the purchased Fat Ape for the purpose of\r\n creating derivative works based upon the Fat Ape (“Commercial Use”).\r\n Examples of such Commercial Use would be the use of the Fat Ape to\r\n produce and sell merchandise products (T-Shirts etc.) displaying\r\n copies of the Fat Ape. For the sake of clarity, nothing in this\r\n Section will be deemed to restrict you from (i) owning or operating a\r\n marketplace that permits the use and sale of Fat Ape generally,\r\n provided that the marketplace cryptographically verifies each Fat Ape\r\n owner’s rights to display the Fat Ape and ensures that only the actual\r\n owner can display the Fat Ape; (ii) owning or operating a third party\r\n website or application that permits the inclusion, involvement, or\r\n participation of Fat Apes generally, provided that the third party\r\n website or application cryptographically verifies each Fat Ape owner’s\r\n rights to display the Fat Ape and ensures that only the actual owner\r\n can display the Fat Ape, and provided that the Fat Ape is no longer\r\n visible once the owner of the Purchased Fat Ape leaves the\r\n website/application; or (iii) earning revenue from any of the\r\n foregoing.\r\n
\r\n\r\nLAMBO GIVEAWAY
\r\n\r\n When you mint a Fat Ape, you automatically get a chance to win a 2020\r\n Lamborghini Huracán.The winner can choose between a 2020 Lamborghini\r\n Huracán at a maximum listed price of $250 000 US dollars or $250 000\r\n US dollars worth of ETH. The winner will be decided by a draw that the\r\n Fat Ape Club Team will make 48 hours after the collection is sold out.\r\n The winner will also get a unique 1/1 Fat Ape NFT. One minted Fat Ape\r\n is equal to one chance to win the draw. The draw will only happen if\r\n the collection of 9999 Fat Apes is sold out. If the totally ff the\r\n 9999 Fat Apes are not sold entirely, there won’t be a draw and nobody\r\n will win the prize. Depending on the region of the winner and other\r\n factors, we reserve the right to pay the raffle prize in ETH and not\r\n buy and send a 2020 Lamborghini Huracán to the winner. The winner of\r\n the draw will need to give the Fat Ape Club team his Metamask wallet\r\n address in order for us to make the payment.\r\n
\r\n\r\n To enter our giveaways, you can also send an email to\r\n influencers@fatapeclub.io stating the giveaway that you want to enter\r\n and your Discord id.\r\n
\r\n\n
\n \n \n
\n \n \n window.ethereum.enable()}\n >\n Connect Wallet\n
\n ) : (\n \n {!props.metamask ? (\n \n window.open(\n \"https://chrome.google.com/webstore/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn\",\n \"_blank\"\n )\n }\n >\n Install Metamask\n
\n ) : !props.isWalletConnected ? (\n \n
\n \n Whitelist
\n\n {props.account ? (\n \n
\n ) : null}\n\n account:
\n\n {props.account.substring(0, 6)}...\n {props.account.substring(props.account.length - 4)}\n
\n{props.alertState.message}
\n \n \n\n
\n );\n };\n\n return (\n \n \n {tokens?.length > 0 && loading == false ? (\n tokens.map((token, i) => (\n \n {\n setParent(type, token);\n }}\n />\n\n \n ))\n ) : loading && tokenURIs.length > 0 ? (\n \n \n ) : null}\n
\n \n
\n Select an Ape to breed
\n setToggle(false)}>\n x\n \n\n
\n {token.name}
\n {token.readyToBreed == false ? (\n\n
\n ) : null}\n {/* Ready to breed:
\n\n {new Date(\n parseInt(token.breedDate * 1000)\n ).toLocaleString()}\n
\nSenior Programmer
*/}\n\n
\n ) : (\n Loading...
\n\n
\n )}\n \n {tokenURIs.length > sliceNumber ? (\n Looks like you don't own any apes
\nBreed Apes
\n\n window.location.replace(\"/lookup\")}\n className=\"top40\"\n >\n Lookup an ape\n
\n \n \n Once the mating is done, you will automatically see your unrevealed\n Baby Fat Ape appear in your wallet, but it will take 4 weeks{\" \"}\n for the babies to reveal. There is also a 8 weeks cooldown for\n the parents, which means that the Fat Apes can only breed once every 8\n weeks.\n
\n\n Breeding rare Fat Apes increases your odds of getting a{\" \"}\n rare baby as well.\n
\n\n \n Before buying any ape to breed, you should always lookup if he's\n ready to breed.\n \n
\n\n
\n {!father ? (\n Padre
\n {/*Senior Programmer
*/}\n{father.name}
\n \n )}\n\n
\n {!mother ? (\n Dame
\n {/*Marketing Genius
*/}\n{mother.name}
\n \n )}\n\n window.ethereum.enable()}\n >\n Connect Wallet\n
\n ) : (\n \n {!props.metamask ? (\n \n window.open(\n \"https://chrome.google.com/webstore/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn\",\n \"_blank\"\n )\n }\n >\n Install Metamask\n
\n ) : !props.isWalletConnected ? (\n \n breed()}\n variant=\"contained\"\n className={\n !father || !mother\n ? \"connect-button breed-btn breed-disable\"\n : \"connect-button breed-btn\"\n }\n >\n {breeding ? (\n
\n )}\n \n \n\n {props.alertState.message}
\n \n \n\n {props.modal.open ? (\n
\n );\n};\n\nexport default Modal;\n","import React, { useEffect, useState } from \"react\";\nimport Container from \"@mui/material/Container\";\nimport { Snackbar, Button, CircularProgress } from \"@material-ui/core\";\nimport Alert from \"@material-ui/lab/Alert\";\nimport Grid from \"@mui/material/Grid\";\nimport placeholder from \"../assets/black.png\";\n// import AddIcon from \"@material-ui/icons/Add\";\n// import Pagination from \"@mui/material/Pagination\";\n// import Stack from \"@mui/material/Stack\";\nimport Modal from \"../components/Modal\";\nimport Footer from \"../components/Footer\";\n\nconst Breeding = (props) => {\n const [tokens, setTokens] = useState([]);\n const [allTokens, setAllTokens] = useState([]);\n const [tokenURIs, setTokenURIs] = useState([]);\n const [babiesTokens, setBabiesTokens] = useState([]);\n const [BabiesTokenURIs, setBabiesTokenURIs] = useState([]);\n const [ladiesTokens, setLadiesTokens] = useState([]);\n const [LadiesTokenURIs, setLadiesTokenURIs] = useState([]);\n const [loading, setLoading] = useState(false);\n const [babiesLoading, setBabiesLoading] = useState(false);\n const [ladiesLoading, setLadiesLoading] = useState(false);\n\n let [slice, setSlice] = useState(3);\n let [babySlice, setBabySlice] = useState(3);\n let [ladySlice, setLadySlice] = useState(3);\n\n const [modal, setModal] = useState({\n open: false,\n token: {},\n });\n const [isClaiming, setIsClaiming] = useState(false);\n const [unclaimed, setUnclaimed] = useState(0);\n const [balance, setBalance] = useState(0);\n\n useEffect(() => {\n async function fetch() {\n if (props.account && props.contract) {\n props.contract.methods\n .walletOfOwner(props.account)\n .call()\n .then((tokens) => {\n setAllTokens(tokens);\n\n tokens.forEach((token) => {\n props.contract.methods\n .tokenURI(token)\n .call()\n .then((tokenURI) => {\n if (tokenURIs.indexOf(tokenURI) === -1) {\n tokenURI = tokenURI.replace(\n \"https://gateway.pinata.cloud/ipfs\",\n \"https://ipfs.io/ipfs\"\n );\n\n setTokenURIs((tokenURIs) =>\n [...tokenURIs, tokenURI].sort(\n (a, b) =>\n a.split(\"/\").pop().replace(\".json\", \"\") -\n b.split(\"/\").pop().replace(\".json\", \"\")\n )\n );\n }\n });\n });\n });\n }\n }\n\n fetch();\n }, [props.contract]);\n\n useEffect(() => {\n async function fetchBabies() {\n if (props.account && props.babiesContract) {\n props.babiesContract.methods\n .walletOfOwner(props.account)\n .call()\n .then((tokens) => {\n tokens.forEach((token) => {\n if (babiesTokens.indexOf(token) === -1) {\n let babyTokenURI = `https://api.fatapeclub.io/babyApes/metadata/${token}`;\n setBabiesTokenURIs((tokenURIs) =>\n [...tokenURIs, babyTokenURI].sort(\n (a, b) =>\n a.split(\"/\").pop().replace(\".json\", \"\") -\n b.split(\"/\").pop().replace(\".json\", \"\")\n )\n );\n }\n });\n });\n }\n }\n\n fetchBabies();\n }, [props.babiesContract]);\n\n useEffect(() => {\n async function fetchLadies() {\n if (props.account && props.ladiesContract) {\n props.ladiesContract.methods\n .walletOfOwner(props.account)\n .call()\n .then((tokens) => {\n tokens.forEach((token) => {\n props.ladiesContract.methods\n .tokenURI(token)\n .call()\n .then((tokenURI) => {\n if (LadiesTokenURIs.indexOf(tokenURI) === -1) {\n tokenURI = tokenURI.replace(\n \"ipfs://\",\n \"https://ipfs.io/ipfs/\"\n );\n\n setLadiesTokenURIs((tokenURIs) =>\n [...tokenURIs, tokenURI].sort(\n (a, b) =>\n a.split(\"/\").pop().replace(\".json\", \"\") -\n b.split(\"/\").pop().replace(\".json\", \"\")\n )\n );\n }\n });\n });\n });\n }\n }\n\n fetchLadies();\n }, [props.ladiesContract]);\n\n const getMetadata = async () => {\n const fetchAll = async (urls) => {\n const res = await Promise.all(urls.map((u) => fetch(u)));\n const jsons = await Promise.all(res.map((r) => r.json())).catch(function (\n err\n ) {\n console.log(err.message); // some coding error in handling happened\n });\n setTokens(jsons);\n setLoading(false);\n };\n\n // const slice = page * 3 - 3;\n // const slice_end = slice + 3;\n\n fetchAll(tokenURIs.slice(0, slice));\n };\n\n const getBabiesMetadata = async () => {\n const fetchAll = async (urls) => {\n const res = await Promise.all(urls.map((u) => fetch(u)));\n const jsons = await Promise.all(res.map((r) => r.json())).catch(function (\n err\n ) {\n console.log(err.message); // some coding error in handling happened\n });\n setBabiesTokens(jsons);\n setBabiesLoading(false);\n };\n\n fetchAll(BabiesTokenURIs.slice(0, babySlice));\n };\n\n const getLadiesMetadata = async () => {\n const fetchAll = async (urls) => {\n const res = await Promise.all(urls.map((u) => fetch(u)));\n const jsons = await Promise.all(res.map((r) => r.json())).catch(function (\n err\n ) {\n console.log(err.message); // some coding error in handling happened\n });\n setLadiesTokens(jsons);\n setLadiesLoading(false);\n };\n\n fetchAll(LadiesTokenURIs.slice(0, ladySlice));\n };\n\n useEffect(() => {\n getMetadata();\n }, [tokenURIs, slice]);\n\n useEffect(() => {\n getBabiesMetadata();\n }, [BabiesTokenURIs, babySlice]);\n\n useEffect(() => {\n getLadiesMetadata();\n }, [LadiesTokenURIs, ladySlice]);\n\n const AsyncImage = (props) => {\n const [loadedSrc, setLoadedSrc] = React.useState(null);\n React.useEffect(() => {\n setLoadedSrc(null);\n if (props.src) {\n const handleLoad = () => {\n setLoadedSrc(props.src);\n };\n const image = new Image();\n image.addEventListener(\"load\", handleLoad);\n image.src = props.src;\n return () => {\n image.removeEventListener(\"load\", handleLoad);\n };\n }\n }, [props.src]);\n if (loadedSrc === props.src) {\n return \n
\n ) : null}\n \n
\n props.setModal(false)}>\n x\n
\n \n {props.modal.token?.name}\n
\n\n claim()}\n variant=\"contained\"\n className=\"connect-button modal-btn\"\n // className={\n // !father || !mother\n // ? \"connect-button breed-btn breed-disable\"\n // : \"connect-button breed-btn\"\n // }\n >\n {isClaiming ? (\n
\n \n Balance: {(unclaimed / 1000000000000000000).toFixed(2)}\n FAB\n
\n\n
\n ) : (\n \n )} */}\n {/* \n
*/}\n \n claim()}\n variant=\"contained\"\n className=\"connect-button modal-btn\"\n >\n {isClaiming ? (\n window.location.replace(\"/lookup/fatbananas\")}\n variant=\"contained\"\n style={{ display: \"block\", margin: \"10px auto\" }}\n className=\"connect-button modal-btn\"\n >\n Lookup an ape\n \n
\n\n \n {(balance / 1000000000000000000).toFixed(2)}{\" \"}\n \n (FAT BANANAS)\n \n
\n\n \n {tokens?.length > 0 ? (\n tokens.map((token, i) => (\n setModal({ open: true, token: token })}\n >\n \n ))\n ) : loading ? (\n
\n\n \n Fat Ape Club{\" \"}\n (FAPE)\n
\n\n\n
\n {token.name}
\n\n
\n ) : (\n Loading...
\n\n
\n )}\n \n {slice >= tokenURIs.length ? null : (\n Looks like you don't own any ape
\n setSlice(slice + 3)} className=\"loadmore\">\n
\n )}\n Load more
\n\n \n {babiesTokens?.length > 0 ? (\n babiesTokens.map((token, i) => (\n \n \n ))\n ) : babiesLoading ||\n (BabiesTokenURIs.length > 0 && !babiesTokens) ? (\n setBabySlice(babySlice + 3)}\n className=\"loadmore\"\n >\n
\n )}\n \n\n \n Fat Ape Babies Club{\" \"}\n (FABC)\n
\n\n\n
\n {token.name}
\n\n
\n ) : (\n Loading...
\n\n
\n )}\n \n {babySlice >= BabiesTokenURIs.length ? null : (\n Looks like you don't own any baby ape
\nLoad more
\n\n \n {ladiesTokens?.length > 0 ? (\n ladiesTokens.map((token, i) => (\n \n \n ))\n ) : ladiesLoading ||\n (LadiesTokenURIs.length > 0 && !ladiesTokens) ? (\n setLadySlice(ladySlice + 3)}\n className=\"loadmore\"\n >\n
\n )}\n \n \n );\n };\n\n return (\n <>\n \n Fat Ape Ladies Club{\" \"}\n (FALC)\n
\n\n\n
\n {token.name}
\n\n
\n ) : (\n Loading...
\n\n
\n )}\n \n {ladySlice >= LadiesTokenURIs.length ? null : (\n Looks like you don't own any fat ladies
\nLoad more
\nProfile
\n\n window.ethereum.enable()}\n >\n Connect Wallet\n
\n ) : (\n \n {!props.metamask ? (\n \n window.open(\n \"https://chrome.google.com/webstore/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn\",\n \"_blank\"\n )\n }\n >\n Install Metamask\n
\n ) : !props.isWalletConnected ? (\n {props.alertState.message}
\n \n \n \n \n \n );\n};\n\nexport default Breeding;\n","import React, { useEffect, useState } from \"react\";\nimport Container from \"@mui/material/Container\";\nimport TextField from \"@mui/material/TextField\";\nimport Alert from \"@material-ui/lab/Alert\";\nimport { Snackbar } from \"@material-ui/core\";\nimport Footer from \"../components/Footer\";\n\nconst Lookup = (props) => {\n const [tokenId, setTokenId] = useState(null);\n\n const handleChange = (e) => {\n const value = e.target.value.replace(/\\D/g, \"\");\n if (value.length < 5 && value[0] != 0) {\n setTokenId(value);\n }\n };\n\n const isReadyToBreed = () => {\n if (tokenId < 1 || tokenId > 9999) {\n props.setAlertState({\n open: true,\n message: \"Please enter a value between 1 and 9999\",\n severity: \"error\",\n });\n } else if (props.babiesContract) {\n props.babiesContract.methods\n .apeReadyToBreed(\"0xF3114DD5c5b50a573E66596563D15A630ED359b4\", tokenId)\n .call()\n .then((isReady) => {\n if (isReady == true) {\n props.setAlertState({\n open: true,\n message: `Fat Ape #${tokenId} is ready to breed!`,\n severity: \"success\",\n });\n } else {\n props.babiesContract.methods\n .apeNextBreedingDate(\n \"0xF3114DD5c5b50a573E66596563D15A630ED359b4\",\n tokenId\n )\n .call()\n .then((date) => {\n props.setAlertState({\n open: true,\n message: `Fat Ape #${tokenId} will be ready to breed on ${new Date(\n date * 1000\n ).toDateString()}`,\n severity: \"error\",\n });\n });\n }\n });\n } else if (!props.babiesContract) {\n props.setAlertState({\n open: true,\n message: `Looks like metamask is not installed`,\n severity: \"error\",\n });\n }\n };\n\n return (\n <>\n\n
\n Lookup
\n\n {/*
\n \n Once the mating is done, you will automatically see your\n unrevealed Baby Fat Ape appear in your wallet, but it will take{\" \"}\n 4 weeks for the babies to reveal. There is also a{\" \"}\n 8 weeks cooldown for the parents, which means that the Fat\n Apes can only breed once every 8 weeks.\n
*/}\n\n\n \n Before buying any ape to breed, you should always lookup if he's\n ready to breed.\n \n
\n\n Breeding rare Fat Apes increases your odds of getting a{\" \"}\n rare baby as well.\n
\n\n Reveal: 4 weeks\n
\n\n Cooldown: 8 weeks\n
\n\n handleChange(e)}\n />\n
\n isReadyToBreed()} className=\"top40\">\n Lookup an ape\n
\n {props.alertState.message}
\n \n \n\n
\n Lookup FAB
\n\n\n handleChange(e)}\n />\n
\n getBalance()} className=\"top40\">\n Lookup an ape\n
\n {balance && (\n \n
\n )}\n {balance.toFixed(2)} $FAB
\n{props.alertState.message}
\n \n \n\n window.ethereum.enable()}\n >\n Connect Wallet\n
\n ) : (\n \n {!props.metamask ? (\n \n window.open(\n \"https://chrome.google.com/webstore/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn\",\n \"_blank\"\n )\n }\n >\n Install Metamask\n
\n ) : !props.isWalletConnected ? (\n \n {/* \n {props.isSoldOut ? (\n \"SOLD OUT\"\n ) : props.isMinting ? (\n \n {props.isSoldOut ? (\n \"SOLD OUT\"\n ) : props.isFatBananasMinting ? (\n
\n )}\n \n \n \n );\n};\n\nexport default Minter;\n","import React, { useEffect, useState } from \"react\";\nimport { Snackbar, CircularProgress } from \"@material-ui/core\";\nimport Container from \"@mui/material/Container\";\nimport Footer from \"../components/Footer\";\nimport Alert from \"@material-ui/lab/Alert\";\nimport MintButton from \"../components/MintLadiesButton\";\n\nconst Ladies = (props) => {\n // const buyWithFatBananas = () => {\n // setFatBananasIsMinting(true);\n // };\n const Content = () => {\n return (\n \n
\n );\n };\n\n return (\n <>\n Ladies Club
\n\n window.ethereum.enable()}\n >\n Connect Wallet\n
\n ) : (\n \n {!props.metamask ? (\n \n window.open(\n \"https://chrome.google.com/webstore/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn\",\n \"_blank\"\n )\n }\n >\n Install Metamask\n
\n ) : !props.isWalletConnected ? (\n