The weeb for the next gen discord boat - Wamellow
wamellow.com
bot
discord
add button icons
+53
-23
+16
-2
app/(home)/layout.tsx
+16
-2
app/(home)/layout.tsx
···
1
1
import { readFile } from "fs/promises";
2
+
import Image from "next/image";
2
3
import Link from "next/link";
3
4
import { BiCopyright, BiLogoGithub, BiLogoGmail, BiLogoTiktok, BiLogoTwitter, BiLogoYoutube } from "react-icons/bi";
4
5
import { BsDiscord } from "react-icons/bs";
5
-
import { HiCube } from "react-icons/hi";
6
+
import { HiCube, HiHand, HiLibrary } from "react-icons/hi";
6
7
import { SiKofi } from "react-icons/si";
7
8
8
9
import TopggIcon from "@/components/icons/topgg";
9
10
import { ServerButton } from "@/components/server-button";
11
+
import PronounsPic from "@/public/pronouns-bot.webp";
10
12
11
13
export default async function RootLayout({
12
14
children
···
42
44
<span className="flex gap-1 items-center">
43
45
<HiCube />
44
46
<span>
45
-
Version {version.toString().slice(0, 7)} by <Link className="hover:underline" href="https://lunish.nl" aria-label="lunish.nl website">lunish.nl</Link>
47
+
Version {version.toString().slice(0, 7)} by <Link className="hover:underline" href="https://lunish.nl" aria-label="lunish.nl developer">lunish.nl</Link>
46
48
</span>
47
49
</span>
48
50
</div>
···
78
80
as={Link}
79
81
className="dark:text-neutral-400 text-neutral-400"
80
82
href="/terms"
83
+
startContent={<HiLibrary />}
81
84
size="sm"
82
85
>
83
86
Terms of Service
···
86
89
as={Link}
87
90
className="dark:text-neutral-400 text-neutral-400"
88
91
href="/privacy"
92
+
startContent={<HiHand />}
89
93
size="sm"
90
94
>
91
95
Privacy Policy
···
94
98
as={Link}
95
99
className="dark:text-neutral-400 text-neutral-400"
96
100
href="/support"
101
+
startContent={<BsDiscord />}
97
102
size="sm"
98
103
>
99
104
Support
105
+
</ServerButton>
106
+
<ServerButton
107
+
as={Link}
108
+
className="dark:text-neutral-400 text-neutral-400"
109
+
href="/bot/pronouns"
110
+
startContent={<Image src={PronounsPic} alt="" width={16} height={16} className="rounded" />}
111
+
size="sm"
112
+
>
113
+
Pronouns
100
114
</ServerButton>
101
115
</div>
102
116
-1
app/dashboard/[guildId]/greeting/welcome/page.tsx
-1
app/dashboard/[guildId]/greeting/welcome/page.tsx
+11
-6
app/dashboard/[guildId]/layout.tsx
+11
-6
app/dashboard/[guildId]/layout.tsx
···
4
4
import Link from "next/link";
5
5
import { useParams, usePathname } from "next/navigation";
6
6
import { useEffect, useState } from "react";
7
-
import { HiArrowNarrowLeft, HiCursorClick, HiShare, HiUsers, HiViewGridAdd } from "react-icons/hi";
7
+
import { HiArrowNarrowLeft, HiChartBar, HiCode, HiCursorClick, HiHome, HiShare, HiStar, HiUserAdd, HiUsers, HiViewGridAdd } from "react-icons/hi";
8
8
9
9
import { guildStore } from "@/common/guilds";
10
10
import { webStore } from "@/common/webstore";
···
209
209
tabs={[
210
210
{
211
211
name: "Overview",
212
-
value: "/"
212
+
value: "/",
213
+
icon: <HiHome />
213
214
},
214
215
{
215
216
name: "Leaderboards",
216
-
value: "/leaderboards"
217
+
value: "/leaderboards",
218
+
icon: <HiChartBar />
217
219
},
218
220
{
219
221
name: "Greetings",
220
-
value: "/greeting"
222
+
value: "/greeting",
223
+
icon: <HiUserAdd />
221
224
},
222
225
{
223
226
name: "Starboard",
224
-
value: "/starboard"
227
+
value: "/starboard",
228
+
icon: <HiStar />
225
229
},
226
230
{
227
231
name: "Custom Commands",
228
-
value: "/custom-commands"
232
+
value: "/custom-commands",
233
+
icon: <HiCode />
229
234
}
230
235
]}
231
236
url={`/dashboard/${params.guildId}`}
+7
-4
app/leaderboard/[guildId]/layout.tsx
+7
-4
app/leaderboard/[guildId]/layout.tsx
···
1
1
import { Image } from "@nextui-org/react";
2
2
import { Metadata } from "next";
3
3
import { cookies } from "next/headers";
4
-
import { HiUsers } from "react-icons/hi";
4
+
import { HiAnnotation, HiLink, HiUsers, HiVolumeUp } from "react-icons/hi";
5
5
6
6
import ImageReduceMotion from "@/components/image-reduce-motion";
7
7
import { ListTab } from "@/components/list";
···
107
107
tabs={[
108
108
{
109
109
name: "Messages",
110
-
value: ""
110
+
value: "",
111
+
icon: <HiAnnotation />
111
112
},
112
113
{
113
114
name: "Voicetime",
114
-
value: "voiceminutes"
115
+
value: "voiceminutes",
116
+
icon: <HiVolumeUp />
115
117
},
116
118
{
117
119
name: "Invites",
118
-
value: "invites"
120
+
value: "invites",
121
+
icon: <HiLink />
119
122
}
120
123
]}
121
124
url={`/leaderboard/${params.guildId}`}
+8
-4
app/leaderboard/[guildId]/side.component.tsx
+8
-4
app/leaderboard/[guildId]/side.component.tsx
···
4
4
import Link from "next/link";
5
5
import { useRouter } from "next/navigation";
6
6
import { useState } from "react";
7
-
import { HiShare, HiTrash, HiViewGridAdd } from "react-icons/hi";
7
+
import { HiAnnotation, HiLink, HiShare, HiTrash, HiViewGridAdd, HiVolumeUp } from "react-icons/hi";
8
8
9
9
import { webStore } from "@/common/webstore";
10
10
import Ad from "@/components/ad";
···
33
33
34
34
return (
35
35
<div className="flex flex-col gap-3">
36
+
{!!design}
36
37
37
38
<CopyToClipboardButton
38
39
className="w-full !justify-start"
···
93
94
title="Server activity"
94
95
classNames={{ content: "mb-2" }}
95
96
>
96
-
<div>
97
+
<div className="flex items-center gap-1">
98
+
<HiAnnotation className="mr-1" />
97
99
<span className="font-semibold">{intl.format(pagination.messages.total)}</span> messages
98
100
</div>
99
-
<div>
101
+
<div className="flex items-center gap-1">
102
+
<HiVolumeUp className="mr-1" />
100
103
<span className="font-semibold">{pagination.voiceminutes.total}</span> in voice
101
104
</div>
102
-
<div>
105
+
<div className="flex items-center gap-1">
106
+
<HiLink className="mr-1" />
103
107
<span className="font-semibold"> {intl.format(pagination.invites.total)}</span> invites
104
108
</div>
105
109
</AccordionItem>
+11
-6
app/profile/layout.tsx
+11
-6
app/profile/layout.tsx
···
3
3
import { Skeleton } from "@nextui-org/react";
4
4
import { useEffect, useState } from "react";
5
5
import CountUp from "react-countup";
6
-
import { HiHome } from "react-icons/hi";
6
+
import { HiChartPie, HiHome, HiMusicNote, HiPhotograph, HiTranslate } from "react-icons/hi";
7
7
8
8
import { userStore } from "@/common/user";
9
9
import ImageReduceMotion from "@/components/image-reduce-motion";
···
111
111
tabs={[
112
112
{
113
113
name: "Overview",
114
-
value: "/"
114
+
value: "/",
115
+
icon: <HiHome />
115
116
},
116
117
{
117
118
name: "Rank",
118
-
value: "/rank"
119
+
value: "/rank",
120
+
icon: <HiPhotograph />
119
121
},
120
122
{
121
123
name: "Text to Speech",
122
-
value: "/text-to-speech"
124
+
value: "/text-to-speech",
125
+
icon: <HiTranslate />
123
126
},
124
127
{
125
128
name: "Spotify",
126
-
value: "/spotify"
129
+
value: "/spotify",
130
+
icon: <HiMusicNote />
127
131
},
128
132
...(user?.HELLO_AND_WELCOME_TO_THE_DEV_TOOLS__PLEASE_GO_AWAY ?
129
133
[
130
134
{
131
135
name: "Analytics",
132
-
value: "/analytics"
136
+
value: "/analytics",
137
+
icon: <HiChartPie />
133
138
}
134
139
]
135
140
: