The weeb for the next gen discord boat - Wamellow
wamellow.com
bot
discord
update wave to say hi & add docs entry
+47
-26
+23
-18
app/dashboard/[guildId]/greeting/welcome/page.tsx
+23
-18
app/dashboard/[guildId]/greeting/welcome/page.tsx
···
314
314
</MessageCreatorEmbed>
315
315
316
316
<Section
317
-
title="Wave to say hi!"
317
+
className="mb-6"
318
+
title="Click to say hi!"
318
319
>
319
320
Bring Discord's "Wave to say hi!" feature on customized messages, just with a random greet!
320
321
</Section>
···
345
346
disabled={!welcome.enabled || !welcome.button?.enabled}
346
347
/>
347
348
348
-
<div className="lg:flex gap-3">
349
+
<div className="lg:flex gap-3 pt-3">
349
350
<div className="lg:w-1/2">
350
351
<SelectMenu
351
352
name="Button color"
···
353
354
dataName="button.style"
354
355
items={
355
356
[
356
-
["852956037111349269", "Grey", 2],
357
-
["1021446883685695538", "Blurple", 1],
358
-
["1021446892707647498", "Green", 3],
359
-
["1021446888773386300", "Red", 4]
357
+
["292b34", "Grey", 2],
358
+
["5865f2", "Blurple", 1],
359
+
["248046", "Green", 3],
360
+
["da373c", "Red", 4]
360
361
]
361
-
.map(([emoji, name, id]) => {
362
-
return {
363
-
icon: <Image src={`https://cdn.discordapp.com/emojis/${emoji}.webp?size=64&quality=lossless`} className="rounded-md h-6 w-6" alt={name as string} height={64} width={64} />,
364
-
name: name as string,
365
-
value: id
366
-
};
367
-
}) || []
362
+
.map(([color, name, id]) => ({
363
+
icon: <div className="rounded-md h-6 w-6" style={{ backgroundColor: `#${color}` }} />,
364
+
name: name as string,
365
+
value: id
366
+
}))
367
+
|| []
368
368
}
369
-
description="Select emotes which will be reacted with on welcome messages."
369
+
description="Select the color of the button."
370
370
defaultState={welcome?.button?.style}
371
371
disabled={!welcome.enabled || !welcome.button?.enabled}
372
372
/>
···
377
377
url={`/guilds/${guild?.id}/modules/welcome`}
378
378
dataName="button.emoji"
379
379
items={
380
-
guild?.emojis?.sort((a, b) => a.name.localeCompare(b.name)).map((c) => {
381
-
return { icon: <Image src={`https://cdn.discordapp.com/emojis/${c.id}.webp?size=64&quality=lossless`} className="rounded-md h-6 w-6" alt={c.name} height={64} width={64} />, name: c.name.replace(/-|_/g, " "), value: c.id };
382
-
}) || []
380
+
guild?.emojis
381
+
?.sort((a, b) => a.name.localeCompare(b.name))
382
+
.map((c) => ({
383
+
icon: <Image src={`https://cdn.discordapp.com/emojis/${c.id}.webp?size=64&quality=lossless`} className="rounded-md h-6 w-6" alt={c.name} height={64} width={64} />,
384
+
name: c.name.replace(/-|_/g, " "),
385
+
value: c.id
386
+
}))
387
+
|| []
383
388
}
384
389
description="Select an emoji which will be used in the button."
385
390
defaultState={welcome?.button?.emoji}
···
388
393
</div>
389
394
</div>
390
395
391
-
<div className="h-48" />
396
+
<div className="h-[138px]" />
392
397
393
398
</div>
394
399
);
public/docs-assets/welcomer-wtsh.png
public/docs-assets/welcomer-wtsh.png
This is a binary file and will not be displayed.
+23
-7
public/docs/greetings.md
+23
-7
public/docs/greetings.md
···
2
2
<br />
3
3
<br />
4
4
5
-
5
+
6
6
7
7
## Setup
8
8
1. Add Wamellow to your server by going to [wamellow.com/add](https://wamellow.com/add).
···
18
18
19
19
### 🖼️ Image card
20
20
You can create a nice welcome image by **customizing the background for free**.
21
-
<br />
22
-
<br />
21
+
22
+
23
23
24
24
**Warning:**
25
25
26
26
Please do not forget to actually put in a direct link to the image, not a link to a website with the image.
27
27
28
28
Custom background image: `1024x256px` (width, height) and must be type of `.png`.
29
-
30
-
31
-
29
+
<br />
30
+
<br />
32
31
**Example custom backgrounds:**
33
32
- [images.wamellow.com/static/grass.jpg](https://images.wamellow.com/static/grass.jpg)
34
33
- [images.wamellow.com/static/orange-grass.jpg](https://images.wamellow.com/static/grass.jpg)
35
34
- [images.wamellow.com/static/red-grass.jpg](https://images.wamellow.com/static/red-grass.jpg)
36
35
- [images.wamellow.com/static/rank.png](https://images.wamellow.com/static/rank.png)
37
36
37
+
### 🧨 Auto delete
38
+
Automatically delete the welcome message after a certain amount of time. Set to 0 seconds to not delete.
39
+
38
40
### 🏓 Pings
39
41
Ghost ping members in up to 5 channels when they join, the ghost pings will be instantly deleted.
40
42
41
43
### 👀 Roles
42
44
Assign up to 5 roles to new members.
43
45
44
-
### ♻️ Restore Roles/Nick after Rejoin
46
+
### ♻️ Restore roles/nick after rejoin
45
47
You can re-assign all roles and past nickname when a member left and rejoins your server.
46
48
47
49
### 💬 Direct Message
···
49
51
50
52
### 🎉 Reactions
51
53
If you want, you can also make Wamellow react with up to 2 emojis to your custom welcome message or to your members's first message.
54
+
55
+
**Note:** The emojis must be from the same server.
56
+
57
+
### 👋 Click to say hi
58
+
Bring Discord's "Wave to say hi!" feature to Wamellow's custom messages, just with a random greet instead of a random sticker!
59
+
<br />
60
+
<br />
61
+
62
+
63
+
64
+
**Supported customizations are:**
65
+
- Button color (`grey`, `blurple`, `green`, `red`)
66
+
- Button emoji (must be from same server)
67
+
- Toggle ping
52
68
53
69
## Placeholders
54
70
Placeholders allow you to use variables that change from message to message, for example to display information about the joining user or your server. They are always enclosed in curly braces, such as `{user.username}`.