The weeb for the next gen discord boat - Wamellow
wamellow.com
bot
discord
ok
+22
-6
+22
-6
app/leaderboard/[guildId]/page.tsx
+22
-6
app/leaderboard/[guildId]/page.tsx
···
3
3
import Image from "next/image";
4
4
import { HiBadgeCheck } from "react-icons/hi";
5
5
6
+
import InvitesIcon from "@/components/icons/invites";
7
+
import MessagesIcon from "@/components/icons/messages";
8
+
import VoiceIcon from "@/components/icons/voice";
6
9
import ImageReduceMotion from "@/components/image-reduce-motion";
7
10
import { AddButton, HomeButton, ScreenMessage, SupportButton } from "@/components/screen-message";
11
+
import RickPic from "@/public/rick.gif";
8
12
import SadWumpusPic from "@/public/sad-wumpus.gif";
9
13
import cn from "@/utils/cn";
10
14
11
15
import { getDesign, getGuild, getPagination, getTopMembers } from "./api";
12
16
import Pagination from "./pagination.component";
13
-
import MessagesIcon from "@/components/icons/messages";
14
-
import VoiceIcon from "@/components/icons/voice";
15
-
import InvitesIcon from "@/components/icons/invites";
16
17
17
18
interface LeaderboardProps {
18
19
params: { guildId: string };
···
112
113
<div className="flex items-center gap-2">
113
114
<span className="text-xl font-medium dark:text-neutral-200 text-neutral-800">{member.globalName || member.username || "Unknown user"}</span>
114
115
{member.id === "821472922140803112" &&
115
-
<Chip color="secondary" size="sm" variant="flat" startContent={<HiBadgeCheck className="h-3.5 w-3.5 mr-1" />}>
116
-
<span className="font-bold">Developer</span>
117
-
</Chip>
116
+
<Badge>Developer</Badge>
117
+
}
118
+
{member.id === "797012765352001557" &&
119
+
<Badge>
120
+
<Image alt="" className="h-6 w-32 rounded-md" height={24} src={RickPic} width={128} />
121
+
</Badge>
118
122
}
119
123
</div>
120
124
<span className="text-sm dark:text-neutral-300 text-neutral-700">@{member.username}</span>
···
157
161
158
162
<Pagination key={searchParams.type} guildId={params.guildId} searchParams={searchParams} pages={pagination[searchParams.type].pages} />
159
163
</>
164
+
);
165
+
}
166
+
167
+
function Badge({
168
+
children
169
+
}: {
170
+
children: React.ReactNode
171
+
}) {
172
+
return (
173
+
<Chip color="secondary" size="sm" variant="flat" startContent={<HiBadgeCheck className="h-3.5 w-3.5 mr-1" />}>
174
+
<span className="font-bold">{children}</span>
175
+
</Chip>
160
176
);
161
177
}
public/rick.gif
public/rick.gif
This is a binary file and will not be displayed.