The weeb for the next gen discord boat - Wamellow
wamellow.com
bot
discord
docs use new button component
+26
-34
+24
-30
app/docs/[...pathname]/layout.tsx
+24
-30
app/docs/[...pathname]/layout.tsx
···
1
-
import { Button, Divider } from "@nextui-org/react";
2
1
import { Metadata } from "next";
3
2
import Link from "next/link";
4
3
import { BsDiscord, BsGithub } from "react-icons/bs";
5
-
import { HiExternalLink, HiUserAdd, HiViewGridAdd } from "react-icons/hi";
4
+
import { HiUserAdd, HiViewGridAdd } from "react-icons/hi";
6
5
7
6
import { Footer } from "@/components/footer";
7
+
import { LinkButton } from "@/components/ui/button";
8
+
import { Separator } from "@/components/ui/separator";
8
9
import metadata from "@/public/docs/meta.json";
9
10
import { getBaseUrl, getCanonicalUrl } from "@/utils/urls";
10
11
···
62
63
return (
63
64
<div className="w-full">
64
65
65
-
<div className="md:flex justify-between items-center">
66
+
<div className="md:flex justify-between items-end">
66
67
<div>
67
68
<h1 className="text-2xl font-medium text-neutral-100">
68
69
{title} Documentation
···
76
77
</div>
77
78
</div>
78
79
79
-
<Divider className="mt-2" />
80
-
81
80
<div className="flex flex-col lg:flex-row gap-6 mt-5 min-h-[63vh]">
82
81
<nav className="w-full lg:w-1/4 space-y-2">
83
82
···
90
89
)}
91
90
</ul>
92
91
93
-
<Button
94
-
as={Link}
95
-
className="w-full !justify-start button-blurple"
92
+
<LinkButton
93
+
className="w-full !justify-start"
96
94
href="/support"
97
95
target="_blank"
98
-
startContent={<BsDiscord />}
99
-
endContent={<HiExternalLink />}
96
+
variant="blurple"
100
97
>
98
+
<BsDiscord />
101
99
Join Support
102
-
</Button>
103
-
<Button
104
-
as={Link}
105
-
className="w-full !justify-start font-medium"
100
+
</LinkButton>
101
+
<LinkButton
102
+
className="w-full !justify-start"
106
103
href="/invite"
107
104
target="_blank"
108
-
color="secondary"
109
-
startContent={<HiUserAdd />}
110
-
endContent={<HiExternalLink />}
105
+
variant="secondary"
111
106
>
107
+
<HiUserAdd />
112
108
Invite Wamellow
113
-
</Button>
114
-
<Button
115
-
as={Link}
109
+
</LinkButton>
110
+
<LinkButton
116
111
className="w-full !justify-start"
117
112
href="/profile"
118
113
target="_blank"
119
-
startContent={<HiViewGridAdd />}
120
-
endContent={<HiExternalLink />}
121
114
>
115
+
<HiViewGridAdd />
122
116
Dashboard
123
-
</Button>
117
+
</LinkButton>
124
118
<Link
125
119
className="flex items-center gap-1.5 hover:text-violet-400 duration-100"
126
120
href={"https://github.com/Luna-devv/mellow-web/blob/master/public/docs"}
···
130
124
</Link>
131
125
</nav>
132
126
133
-
<Divider className="lg:hidden" />
127
+
<Separator className="lg:hidden" />
134
128
135
129
{children}
136
130
</div>
137
131
138
132
<Footer className="mt-24" />
139
-
140
133
</div>
141
134
);
142
135
}
···
152
145
153
146
return (
154
147
<li>
155
-
<Button
156
-
as={Link}
157
-
className="w-full !justify-start bg-transparent hover:bg-wamellow"
148
+
<LinkButton
149
+
className="w-full !justify-start bg-transparent h-[30px]"
158
150
href={`/docs/${file}`}
159
151
size="sm"
160
-
startContent={<span>{icon}</span>}
161
152
>
153
+
<span className="mr-[2px]">
154
+
{icon}
155
+
</span>
162
156
{name}
163
-
</Button>
157
+
</LinkButton>
164
158
</li>
165
159
);
166
160
}
+2
-4
public/docs/index.md
+2
-4
public/docs/index.md
···
1
-
If you want to learn about what features the Wamellow Discord Bot has, please [visit the Homepage](/).
2
-
3
-
<iframe src="https://e.widgetbot.io/channels/828676951023550495/1135588403782619317" height="800" frameborder="0">
1
+
<iframe src="https://e.widgetbot.io/channels/828676951023550495/1135588403782619317" height="800" frameborder="0" class="-mt-[2px]">
4
2
</iframe>
5
3
6
4
## Languages
···
20
18
<br />
21
19
<br />
22
20
23
-
All translations are done by our community, if your language is missing, feel free to [send a join request on crowdin](https://crowdin.com/project/wamellow) and [message @mwlica](/support) in discord!
21
+
All translations are done by our community, if your language is missing, feel free to [send a join request on crowdin](https://crowdin.com/project/wamellow) and [message @mwlica](/support) in discord!