The weeb for the next gen discord boat - Wamellow
wamellow.com
bot
discord
Update list.component.tsx
+15
-8
+15
-8
app/(home)/bot/pronouns/list.component.tsx
+15
-8
app/(home)/bot/pronouns/list.component.tsx
···
4
4
import Ad from "@/components/ad";
5
5
import { PronounsResponse } from "@/typings";
6
6
7
-
export default async function List({ res, type }: { res: PronounsResponse, type: string }) {
7
+
interface Props {
8
+
res: PronounsResponse;
9
+
type: string;
10
+
}
11
+
12
+
export default async function List({ res, type }: Props) {
8
13
9
14
return (
10
15
<div>
···
15
20
16
21
<div className="flex flex-col sm:flex-row w-full gap-4">
17
22
<div className="rounded-md overflow-hidden sm:w-1/2 lg:w-3/4 dark:bg-wamellow bg-wamellow-100 p-2 divide-y divide-wamellow" >
18
-
{res.content?.map((element, i) => (
19
-
<div key={element} className="flex items-center justify-between py-2 px-3" >
20
-
<span>{element}</span>
21
-
<span className="italic text-sm">{(i + 1).toString().padStart(2, "0")}</span>
22
-
</div>
23
-
))}
23
+
{res.content
24
+
.sort((a, b) => a.localeCompare(b))
25
+
?.map((element, i) => (
26
+
<div key={element} className="flex items-center justify-between py-2 px-3" >
27
+
<span>{element}</span>
28
+
<span className="italic text-sm">{(i + 1).toString().padStart(2, "0")}</span>
29
+
</div>
30
+
))}
24
31
</div>
25
32
26
33
<div className="sm:w-1/2 lg:w-1/4 flex flex-col gap-2">
···
38
45
color="red"
39
46
/>
40
47
<span className="text-neutral-500 flex flex-wrap items-center gap-1">
41
-
All bots are owned by <Link className="hover:underline" href="https://lunish.nl" aria-label="Wamellow's developer">lunish.nl</Link>
48
+
All bots are owned by <Link className="hover:underline" href="https://lunish.nl">lunish.nl</Link>
42
49
<HiAcademicCap />
43
50
</span>
44
51
</div>