From 954f0cbcacee62bcf539e7da24b28db6e12f53ad Mon Sep 17 00:00:00 2001
From: MapleLeaf <19603573+itsMapleLeaf@users.noreply.github.com>
Date: Sun, 9 Jan 2022 01:56:25 -0600
Subject: [PATCH] more comprehensive button click example

---
 packages/docs/src/guides/buttons.md | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/packages/docs/src/guides/buttons.md b/packages/docs/src/guides/buttons.md
index 2dce5ed..e0d6640 100644
--- a/packages/docs/src/guides/buttons.md
+++ b/packages/docs/src/guides/buttons.md
@@ -23,22 +23,23 @@ function Counter() {
 }
 ```
 
-The `onClick` callback receives an `event` object. It includes some information, such as the user who clicked the button, and a function for creating new replies in response.
+The `onClick` callback receives an `event` object. It includes some information, such as the user who clicked the button, and functions for creating new replies in response. These functions return message instances.
 
 ```jsx
 import { Button } from "reacord"
 
 function TheButton() {
-  return (
-    <Button
-      label="click me i dare you"
-      onClick={(event) => {
-        const name = event.guild.member.displayName || event.user.username
-        event.reply(`${name} clicked the button. wow`)
-        event.ephemeralReply("good job, you clicked it")
-      }}
-    />
-  )
+  function handleClick(event) {
+    const name = event.guild.member.displayName || event.user.username
+
+    const publicReply = event.reply(`${name} clicked the button. wow`)
+    setTimeout(() => publicReply.destroy(), 3000)
+
+    const privateReply = event.ephemeralReply("good job, you clicked it")
+    privateReply.deactivate() // we don't need to listen to updates on this
+  }
+
+  return <Button label="click me i dare you" onClick={handleClick} />
 }
 ```