diff --git a/app/pages/index.tsx b/app/pages/index.tsx index e8ba7bc..6fef418 100644 --- a/app/pages/index.tsx +++ b/app/pages/index.tsx @@ -13,6 +13,7 @@ export default function Home() { const [messageAuthor, setMessageAuthor] = useState(""); const [messageTime, setMessageTime] = useState(0); const [inputtedMessage, setInputtedMessage] = useState(""); + const [loading, setLoading] = useState(false); const wallet = useAnchorWallet(); const mounted = useIsMounted(); @@ -39,6 +40,7 @@ export default function Home() { className={styles.message_button} disabled={!inputtedMessage} onClick={async () => { + setLoading(true); const deployedMessage = message ? await updateMessage(inputtedMessage, wallet, messageAccount) : await createMessage( @@ -53,6 +55,7 @@ export default function Home() { setMessageTime(deployedMessage.timestamp.toNumber() * 1000); setInputtedMessage(""); } + setLoading(false); }} > {message ? "Update the Message!" : "Create a Message!"} @@ -60,16 +63,24 @@ export default function Home() { )} - {wallet && message && ( -