\r\n {\" \"}\r\n π¦{\" \"}\r\n \r\n You must install Metamask, a virtual Ethereum wallet, in your\r\n browser.\r\n \r\n
\r\n \r\n ),\r\n };\r\n }\r\n };\r\n\r\n export const getCurrentWalletConnected = async () => {\r\n if (window.ethereum) {\r\n try {\r\n const addressArray = await window.ethereum.request({\r\n method: \"eth_accounts\",\r\n });\r\n if (addressArray.length > 0) {\r\n return {\r\n address: addressArray[0],\r\n status: \"ππ½ Write a message in the text-field above.\",\r\n };\r\n } else {\r\n return {\r\n address: \"\",\r\n status: \"π¦ Connect to Metamask using the top right button.\",\r\n };\r\n }\r\n } catch (err) {\r\n return {\r\n address: \"\",\r\n status: \"π₯ \" + err.message,\r\n };\r\n }\r\n } else {\r\n return {\r\n address: \"\",\r\n status: (\r\n \r\n\r\n {\" \"}\r\n π¦{\" \"}\r\n \r\n You must install Metamask, a virtual Ethereum wallet, in your\r\n browser.\r\n \r\n
\r\n \r\n ),\r\n };\r\n }\r\n };","export default __webpack_public_path__ + \"static/media/Transparent_Blue_Glow.14dd97db.png\";","export default __webpack_public_path__ + \"static/media/Transparent_Orange_Glow.76655a7a.png\";","export default __webpack_public_path__ + \"static/media/Transparent_Pink_Glow.ca6274a1.png\";","export default __webpack_public_path__ + \"static/media/musicOn.0a4e7824.svg\";","export default __webpack_public_path__ + \"static/media/musicOff.ed1a20b9.svg\";","import React, { useState, useEffect } from \"react\";\r\nimport './Player.css'\r\nimport musicOn from '../img/musicOn.svg'\r\nimport musicOff from '../img/musicOff.svg'\r\n\r\nconst useAudio = url => {\r\n const [audio] = useState(new Audio(url));\r\n const [playing, setPlaying] = useState(false);\r\n\r\n const toggle = () => setPlaying(!playing);\r\n\r\n useEffect(() => {\r\n playing ? audio.play() : audio.pause();\r\n },\r\n [playing]\r\n );\r\n\r\n useEffect(() => {\r\n audio.volume = 0.1\r\n audio.loop = true\r\n audio.addEventListener('ended', () => setPlaying(false));\r\n return () => {\r\n audio.removeEventListener('ended', () => setPlaying(false));\r\n };\r\n }, []);\r\n\r\n return [playing, toggle];\r\n};\r\n\r\nconst Player = ({ url }) => {\r\n const [playing, toggle] = useAudio(url);\r\n\r\n return (\r\n\r\n {\" \"}\r\n π¦{\" \"}\r\n \r\n You must install Metamask, a virtual Ethereum wallet, in your\r\n browser.\r\n \r\n
\r\n );\r\n }\r\n }\r\n\r\n async handleSelect(options, names) {\r\n await this.setState({\r\n mintingAmount: options.value\r\n })\r\n }\r\n\r\n\r\n render() {\r\n const aboutText1 = `Chonkymon are a collection of 1,000 randomly generated NFT chonky monsters. These mysterious creatures were sealed away in eggs long ago and hidden inside the World Tree. A magical door has opened to the World Tree, waiting for each to be bonded with a friend.`\r\n return (\r\nArtist & Creator
\r\nI joined the NFT space in Feb 2021 and have been creating many different types of digital art in the form of NFTs. I love creating anything that can bring happiness into peopleβs lives. I look forward to building many great things in this space, as well as a welcoming community for everyone.
\r\n {/*Previous project - EthRangers
*/}\r\n