The weeb for the next gen discord boat - Wamellow
wamellow.com
bot
discord
improve notices
+11
-3
+11
-3
components/notice.tsx
+11
-3
components/notice.tsx
···
8
8
}
9
9
10
10
interface Props {
11
+
className?: string;
11
12
message: string;
12
13
type?: NoticeType;
13
14
location?: "side" | "bottom";
···
15
16
}
16
17
17
18
export default function Notice({
19
+
className,
18
20
message,
19
21
type,
20
22
location = "side",
···
26
28
className={cn(
27
29
"w-full text-neutral-100 py-2 px-4 mb-6 rounded-md flex gap-2",
28
30
location === "side" ? "flex-row items-center" : "flex-col",
29
-
type === NoticeType.Info ? "bg-violet-400/40" : "bg-red-400/40"
31
+
type === NoticeType.Info ? "bg-violet-400/40" : "bg-red-400/40",
32
+
className
30
33
)}
31
34
>
32
35
<div className="flex items-center gap-2">
33
-
{type === NoticeType.Info ? <HiExclamationCircle className="h-5 w-5" /> : <HiExclamation className="h-5 w-5" />}
34
-
<div className="text-lg">{message}</div>
36
+
{type === NoticeType.Info
37
+
? <HiExclamationCircle className="size-4" />
38
+
: <HiExclamation className="size-4" />
39
+
}
40
+
<div className="text-medium">
41
+
{message}
42
+
</div>
35
43
</div>
36
44
37
45
{children &&