Skip to content

Fix/entry page #35

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
nnphuong9718 wants to merge 19 commits into
base: main
Choose a base branch
from
Open

Fix/entry page #35

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
19 commits
Select commit Hold shift + click to select a range
d72367f
entry page
phuongne1815 Mar 26, 2022
eb9aa28
temp fix entry page
phuongne1815 Apr 20, 2022
fa84f46
entry page
phuongne1815 Mar 26, 2022
b3e92e1
temp fix entry page
phuongne1815 Apr 20, 2022
57723d5
deploy using harmony chain
phuongne1815 Apr 24, 2022
a46e20f
Merge branch main into fix/entry_page
phuongne1815 Apr 24, 2022
96c2999
add testnet chainid
phuongne1815 Apr 24, 2022
60ef257
add force add harmony mainnet
phuongne1815 Apr 27, 2022
cb8ff0e
entry page
phuongne1815 Mar 26, 2022
9373391
temp fix entry page
phuongne1815 Apr 20, 2022
6d12fe7
sync code
phuongne1815 Apr 27, 2022
f88d903
change logo
phuongne1815 Apr 28, 2022
38edfbc
add bsc testnet chain
phuongne1815 May 5, 2022
9dbbf6a
add rpc harmony chain
phuongne1815 May 5, 2022
27e0f44
sync main
phuongne1815 May 5, 2022
bacaed2
auto redirect to worldmap if connected
phuongne1815 May 5, 2022
c861687
remove console log
phuongne1815 May 5, 2022
51076c2
Fix switch chain entry page
phuongne1815 May 5, 2022
7740769
sync main branch
phuongne1815 May 5, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
144 changes: 61 additions & 83 deletions components/entry/Entry.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,92 +27,14 @@ export default function Entry(props: Props) {

const [playMusic, setPlayMusic] = useState(false)
const [playSound, setPlaySound] = useState(false)
const [nameOfChain, setNameOfChain] = useState('Binance Smart Chain')
const [nameOfChain, setNameOfChain] = useState('Harmony Mainnet')
const [openModalAddWallet, setOpenModalAddWallet] = useState(false)
//deploy cloudfare 2
useEffect(() => {
try {
const connectWallet = async () => {
if (window.ethereum) {
const chainId = window?.ethereum?.chainId
setNameOfChain(chainName[chainId] || '')
if (
chainId === '0x63564c40' ||
chainId === '0x6357d2e0' ||
chainId === '0x61'
) {
window.ethereum
.request({ method: 'eth_requestAccounts' })
.then(() => {
checkIsConnected(true)
})
.catch(() => {
checkIsConnected(false)
})
} else {
window.ethereum
.request({ method: 'eth_requestAccounts' })
.then(() => {
checkIsConnected(true)
window.ethereum
.request({
method: 'wallet_switchEthereumChain',
params: [{ chainId: '0x63564c40' }],
})
.then(() => {
checkIsConnected(true)
})
.catch((error) => {
window.ethereum.request({
method: 'wallet_addEthereumChain',
params: [
{
chainId: '0x63564c40',
chainName: 'Harmony Mainnet',
rpcUrls: ['https://api.harmony.one'],
nativeCurrency: {
name: 'ONE',
symbol: 'ONE',
decimals: 18,
},
},
],
})
})
})
.catch(() => {
checkIsConnected(false)
})
}
}
}
connectWallet()
checkTokenWasAdded()
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
const subscribeChainChanged = window.ethereum.on(
'chainChanged',
async () => {
setTimeout(async () => {
await connectWallet()
}, 1000)
}
)
const subscribeWalletChanged = window.ethereum.on(
'accountsChanged',
async () => {
setTimeout(async () => {
await checkTokenWasAdded()
}, 1000)
}
)
return () => {
if (typeof subscribeChainChanged === 'function') {
subscribeChainChanged()
}
if (typeof subscribeWalletChanged === 'function') {
subscribeWalletChanged()
}
}
} catch (error: unknown) {
setOpenModalAddWallet(true)
}
Expand Down Expand Up @@ -144,6 +66,61 @@ export default function Entry(props: Props) {
}
}
}

const connectWallet = async () => {
if (window.ethereum) {
const chainId = window?.ethereum?.chainId
setNameOfChain(chainName[chainId] || '')
if (
chainId === '0x63564c40' ||
chainId === '0x6357d2e0' ||
chainId === '0x61'
) {
window.ethereum
.request({ method: 'eth_requestAccounts' })
.then(() => {
checkIsConnected(true)
})
.catch(() => {
checkIsConnected(false)
})
} else {
window.ethereum
.request({ method: 'eth_requestAccounts' })
.then(() => {
// checkIsConnected(true)
window.ethereum
.request({
method: 'wallet_switchEthereumChain',
params: [{ chainId: '0x63564c40' }],
})
.then(() => {
checkIsConnected(true)
})
.catch((error) => {
window.ethereum.request({
method: 'wallet_addEthereumChain',
params: [
{
chainId: '0x63564c40',
chainName: 'Harmony Mainnet',
rpcUrls: ['https://api.harmony.one'],
nativeCurrency: {
name: 'ONE',
symbol: 'ONE',
decimals: 18,
},
},
],
})
})
})
.catch(() => {
checkIsConnected(false)
})
}
}
}
const onCloseModal = () => {
setOpenModalAddWallet(false)
}
Expand All @@ -161,14 +138,15 @@ export default function Entry(props: Props) {
setPlayMusic(!playMusic)
}
}

const switchWallet = () => {
connectWallet()
}
return (
<div className={styles.main}>
<img src={'/images/common/gameLogo.png'} alt={'logo'} />
<Link href={'/'} passHref>
<Button
style={_styles.buttonStyle}
// onClick={connectWallet}
>
<Button style={_styles.buttonStyle} onClick={switchWallet}>
<Text style={_styles.buttonText}>PLAY</Text>
</Button>
</Link>
Expand Down
1 change: 0 additions & 1 deletion components/layout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,6 @@ export default function Layout({ children, home }) {
const [connected, setConnected] = useState(false)

const checkIsConnected = useCallback((status) => {
console.log(`Connected change from ${connected} to ${status}`)
setConnected(status)
}, [])

Expand Down