revert readme

This commit is contained in:
Domin-MND
2023-11-01 22:01:36 +03:00
parent 6c71073d10
commit 2a8ee7885d

View File

@@ -25,47 +25,20 @@ pnpm add reacord react discord.js
<!-- prettier-ignore -->
```tsx
import { useState } from "react"
import { Embed, EmbedField, Button } from "reacord"
interface EmbedCounterProps {
count: number
visible: boolean
}
function EmbedCounter({ count, visible }: EmbedCounterProps) {
if (!visible) return <></>
return (
<Embed title="the counter">
<EmbedField name="is it even?">{count % 2 ? "no" : "yes"}</EmbedField>
</Embed>
)
}
import { Embed, Button } from "reacord"
function Counter() {
const [showEmbed, setShowEmbed] = useState<boolean>(false)
const [count, setCount] = useState<number>(0)
const instance = useInstance()
const [count, setCount] = useState(0)
return (
<>
this button was clicked {count} times
<EmbedCounter count={count} visible={showEmbed} />
<Embed title="Counter">
This button has been clicked {count} times.
</Embed>
<Button
style="primary"
label="clicc"
label="+1"
onClick={() => setCount(count + 1)}
/>
<Button
style="secondary"
label={showEmbed ? "hide embed" : "show embed"}
onClick={() => setShowEmbed(!showEmbed)}
/>
<Button
style="danger"
label="deactivate"
onClick={() => instance.destroy()}
/>
</>
)
}