The weeb for the next gen discord boat - Wamellow
wamellow.com
bot
discord
export link-tag component
+26
-21
+1
-21
app/(home)/faq.component.tsx
+1
-21
app/(home)/faq.component.tsx
···
8
8
import DiscordAppBadge from "@/components/discord/app-badge";
9
9
import cn from "@/utils/cn";
10
10
import { Section } from "@/components/section";
11
+
import LinkTag from "@/components/link-tag";
11
12
12
13
const data = [
13
14
{
···
167
168
}
168
169
169
170
170
-
function LinkTag({
171
-
href,
172
-
children,
173
-
className
174
-
}: {
175
-
href: string;
176
-
children: React.ReactNode;
177
-
className?: string;
178
-
}) {
179
-
return (
180
-
<Link
181
-
className={cn("text-violet-400 underline decoration-violet-400", className)}
182
-
href={href}
183
-
prefetch={false}
184
-
target="_blank"
185
-
>
186
-
{children}
187
-
<HiExternalLink className="inline ml-1 mb-0.5" />
188
-
</Link>
189
-
);
190
-
}
+25
components/link-tag.tsx
+25
components/link-tag.tsx
···
1
+
import cn from "@/utils/cn";
2
+
import Link from "next/link";
3
+
import { HiExternalLink } from "react-icons/hi";
4
+
5
+
export default function LinkTag({
6
+
href,
7
+
children,
8
+
className
9
+
}: {
10
+
href: string;
11
+
children: React.ReactNode;
12
+
className?: string;
13
+
}) {
14
+
return (
15
+
<Link
16
+
className={cn("text-violet-400 underline decoration-violet-400", className)}
17
+
href={href}
18
+
prefetch={false}
19
+
target="_blank"
20
+
>
21
+
{children}
22
+
<HiExternalLink className="inline ml-1 mb-0.5" />
23
+
</Link>
24
+
);
25
+
}