Lesson 10 event listener for Raffle Winner

[bbl4de]

Hi,
I just wanted to share the code that I created with some help from Chat GPT, for the functionality that Patrick suggested adding by ourselves - listening for emitted events for Raffle Winner. This is the only thing I added:

    useEffect(() => {
        const provider = new ethers.providers.Web3Provider(window.ethereum)

        if (raffleAddress) {
            const contract = new ethers.Contract(raffleAddress, abi, provider)

            const requestedRaffleWinnerFilter = contract.filters.RequestedRaffleWinner()
            const winnerPickedFilter = contract.filters.WinnerPicked()

            const handleRequestedRaffleWinner = () => {
                updateUI()
            }

            const handleWinnerPicked = () => {
                updateUI()
            }

            contract.on(requestedRaffleWinnerFilter, handleRequestedRaffleWinner)
            contract.on(winnerPickedFilter, handleWinnerPicked)

            return () => {
                contract.off(requestedRaffleWinnerFilter, handleRequestedRaffleWinner)
                contract.off(winnerPickedFilter, handleWinnerPicked)
            }
        }
    }, [raffleAddress])

It works perfectly. If anyone is interested in what queries I gave to ChatGPT feel free to ask, also if you have any feedback on optimizing this function, I would gladly hear it.

[ugur17]

I am interested in what queires you gave to chatgpt, can you tell us by any chance?

[bbl4de]

Oh I'm sorry but I already cleared history on my account for chat gpt. But if you want to get something similar, just provide all the necessary details and describe precisely what you want from it.