The weeb for the next gen discord boat - Wamellow
wamellow.com
bot
discord
update faq
+61
-9
+61
-9
app/(home)/faq.component.tsx
+61
-9
app/(home)/faq.component.tsx
···
2
2
3
3
import { Accordion, AccordionItem, Code } from "@nextui-org/react";
4
4
import Link from "next/link";
5
-
import { HiCash, HiChat, HiLockClosed, HiUserAdd } from "react-icons/hi";
5
+
import { HiCash, HiChat, HiExternalLink, HiLockClosed, HiUserAdd } from "react-icons/hi";
6
6
7
7
import { webStore } from "@/common/webstore";
8
+
import cn from "@/utils/cn";
8
9
9
10
const data = [
10
11
{
···
14
15
content: (
15
16
<ol className="list-decimal list-inside marker:text-neutral-500">
16
17
<li>
17
-
Be sure to have the <Code color="secondary">Manage Server</Code> permission on the server you want <Link href="/login?invite=true" target="_blank" className="underline decoration-violet-400">invite Wamellow</Link> into.
18
+
Be sure to have the <Code color="secondary">Manage Server</Code> permission on the server you want <LinkTag href="/login?invite=true">invite Wamellow</LinkTag> into.
18
19
</li>
19
20
<li>
20
-
Open Discord{"'"}s add-bot flow at <Link href="/login?invite=true" target="_blanket" className="text-violet-400">wamellow.com/invite</Link>.
21
+
Open Discord{"'"}s add-bot flow at <LinkTag href="/login?invite=true">wamellow.com/invite</LinkTag>.
21
22
</li>
22
23
<li>
23
24
Select a server and click on {'"'}Continue{'"'}.
···
28
29
<li>
29
30
<span className="font-semibold">Done!</span> 🎉 You should now find yourself on the Dashboard for your server!
30
31
</li>
31
-
</ol>
32
+
</ol >
32
33
)
33
34
},
34
35
{
···
36
37
title: "Is the /image Ai or Text to Speech free to use?",
37
38
content: (
38
39
<div>
39
-
Yes, the image Ai and Text to Speech are free to use. However, you might have to <Link href="/vote" target="_blank" className="text-violet-400 underline decoration-violet-400">vote for Wamellow on top.gg</Link> if you start using it alot.
40
+
Yes, the image Ai and Text to Speech are free to use. However, you might have to <LinkTag href="/vote">vote for Wamellow on top.gg</LinkTag> if you start using it alot.
40
41
</div>
41
42
)
42
43
},
43
44
{
44
45
startContent: <HiChat />,
45
-
title: "How do I set up Chat to Speech (for TTS)?",
46
+
title: "How do I set up Chat to Speech TTS?",
46
47
content: (
47
48
<div>
48
-
You can do that on <Link href="/dashboard" target="_blank" className="text-violet-400 underline decoration-violet-400">your server’s Dashboard</Link> on the {'"'}Overview{'"'} page.
49
+
50
+
<ol className="list-decimal list-inside marker:text-neutral-500 mb-4">
51
+
<li>
52
+
<LinkTag href="/login?invite=true">Invite Wamellow</LinkTag> to your Server. If you do not own it, ask the server Administrators to add Wamellow.
53
+
</li>
54
+
<li>
55
+
Go to the <LinkTag href="/login?invite=true">Dashboard on wamellow.com/dashboard</LinkTag>, find your server and click {'"'}manage{'"'}.
56
+
</li>
57
+
<li>
58
+
Select a channel to be used in the {'"'}Text to Speech{'"'} section.
59
+
</li>
60
+
<li>
61
+
Join any voice channel in your Server (be sure Wamellow can join it too).
62
+
</li>
63
+
<li>
64
+
Start writing messages in the selected channel for the bot to speak.
65
+
</li>
66
+
<li>
67
+
<span className="font-semibold">Done!</span> 🎉
68
+
</li>
69
+
</ol>
70
+
71
+
You can also watch the video tutorial below or <LinkTag href="https://youtu.be/NS5fZ1ltovE?si=8hE1o6BBELxAxJbH">watch it on YouTube</LinkTag>.
49
72
<iframe
50
-
className="mt-6 aspect-video rounded-lg"
73
+
className="mt-2 aspect-video rounded-lg"
51
74
width={"100%"}
52
75
src="https://www.youtube.com/embed/NS5fZ1ltovE?si=uODiGspuNGKPRQKp"
53
76
title="Wamellow Text to Speech tutorial"
···
58
81
},
59
82
{
60
83
startContent: <HiLockClosed />,
61
-
title: "How can I disable XYZ command for X roles or channels?",
84
+
title: "How can I disable a command for a roles or channels?",
62
85
content: (
63
86
<div>
64
87
If you want to disable a command because you don{"'"}t like XYZ feature., you can do so within discord{"'"}s integration settings as shown in the video.
···
97
120
title={item.title}
98
121
>
99
122
{item.content}
123
+
124
+
<LinkTag
125
+
className="mt-4"
126
+
href="/support"
127
+
>
128
+
Need help? Talk with us!
129
+
</LinkTag>
100
130
</AccordionItem>
101
131
))}
102
132
</Accordion>
103
133
</div>
134
+
);
135
+
}
136
+
137
+
138
+
function LinkTag({
139
+
href,
140
+
children,
141
+
className
142
+
}: {
143
+
href: string;
144
+
children: React.ReactNode;
145
+
className?: string;
146
+
}) {
147
+
return (
148
+
<Link
149
+
href={href}
150
+
target="_blank"
151
+
className={cn("text-violet-400 underline decoration-violet-400", className)}
152
+
>
153
+
{children}
154
+
<HiExternalLink className="inline ml-1 mb-0.5" />
155
+
</Link>
104
156
);
105
157
}