create custom hooks for registerNengajo and retrieveRegisteredNengajo

henkaku-center / henkaku-nengajo-frontend

https://nengajo.henkaku.org/

8 stars 14 forks source link

Closed yu23ki14 closed 1 year ago

yu23ki14 commented 1 year ago

hooks/useNengajoContract.ts にコントラクトとのやり取りをまとめました。（年賀状を登録するのと、tokenIdで年賀状の情報を取得する関数叩いてます。）
pages/create.tsx と nengajo/[id].tsx のところで上記hooksを呼び出してやり取りするところを書いてます。

vercel[bot] commented 1 year ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
henkaku-nengajo-frontend	✅ Ready (Inspect)	Visit Preview	Dec 16, 2022 at 1:55AM (UTC)

alecrem commented 1 year ago

マージ前に、一番したのSuccess/Waitingをよりわかりやすい文章に帰ることができれば助かります（言語はどれでもいいと思います）
Hardhatが反応するけど、useContractWriteからwriteAsyncを取得できせんでした（{"isLoading":false,"isSuccess":false}しか返って来ません）
やっぱりcontractAddresses.tsにhardhatとあるとコントラクトのアドレスが取得されなくて、localhostにすると繋がります・・・PRと無関係だと思いますけど、何が違うでしょうか？

yu23ki14 commented 1 year ago

@alecrem waitingとsuccessのところですが、isLoadingでメモ化してボタンをローディングアニメーションにすることで対応しました！

yu23ki14 commented 1 year ago

@alecrem isMounted追加しておきました！