Add new actions for eating and praying to the $SPAM God

src/components/Mint.tsx

@@ -11,6 +11,7 @@ export default function () {
   const [loading, setLoading] = useState(false)
   const [error, setError] = useState('')
   const [success, setSuccess] = useState(false)
+  const [actionSuccess, setActionSuccess] = useState(false)
   const { isConnected } = useAccount()
   const signer = useEthersSigner()
 
@@ -36,6 +37,44 @@ export default function () {
     }
   }
 
+  async function eatSpam() {
+    setLoading(true)
+    setActionSuccess(false)
+    try {
+      if (!signer) {
+        throw new Error('No signer')
+      }
+      const contract = Spam__factory.connect(env.VITE_CONTRACT, signer)
+      const tx = await contract.eatSpam()
+      await tx.wait()
+      setActionSuccess(true)
+    } catch (error) {
+      console.error(error)
+      setError(error instanceof Error ? error.message : `${error}`)
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  async function prayToSpamGod() {
+    setLoading(true)
+    setActionSuccess(false)
+    try {
+      if (!signer) {
+        throw new Error('No signer')
+      }
+      const contract = Spam__factory.connect(env.VITE_CONTRACT, signer)
+      const tx = await contract.prayToSpamGod()
+      await tx.wait()
+      setActionSuccess(true)
+    } catch (error) {
+      console.error(error)
+      setError(error instanceof Error ? error.message : `${error}`)
+    } finally {
+      setLoading(false)
+    }
+  }
+
   return (
     <>
       <input
@@ -62,6 +101,20 @@ export default function () {
             {loading ? ' 🤔' : ''}The mint $SPAM button
           </button>
         )}
+        <button
+          class="btn btn-primary btn-wide btn-lg"
+          onClick={eatSpam}
+          disabled={loading}
+        >
+          {loading ? ' 🤔' : ''}Eat some $SPAM
+        </button>
+        <button
+          class="btn btn-primary btn-wide btn-lg"
+          onClick={prayToSpamGod}
+          disabled={loading}
+        >
+          {loading ? ' 🤔' : ''}Pray to the $SPAM God 🙏
+        </button>
         {success && (
           <div role="alert" class="alert alert-success break-all">
             <span role="img" aria-label="success">
@@ -70,6 +123,14 @@ export default function () {
             You now have +{amount} $SPAM.
           </div>
         )}
+        {actionSuccess && (
+          <div role="alert" class="alert alert-success break-all">
+            <span role="img" aria-label="success">
+              🎉
+            </span>{' '}
+            You did something with $SPAM successfully!
+          </div>
+        )}
         {error && (
           <div role="alert" class="alert alert-error break-all">
             {error}