1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
|
import {
Skull,
Search,
GitPullRequest,
Mail,
Fish,
ChartArea,
} from "lucide-react";
export default function QuickLinks() {
const links = [
{ name: "Google", url: "https://www.google.com", icon: Search },
{ name: "Gitea", url: "https://git.simponic.xyz", icon: GitPullRequest },
{
name: "Mail",
url: "https://roundcube.internal.simponic.xyz",
icon: Mail,
},
{
name: "Jellyfin",
url: "https://jellyfin.internal.simponic.xyz",
icon: Fish,
},
{
name: "Uptime Kuma",
url: "https://uptime.internal.simponic.xyz",
icon: ChartArea,
},
];
return (
<div className="rounded-lg p-6 justify-center flex gap-16">
{links.map((link) => {
const Icon = link.icon;
return (
<a
key={link.name}
href={link.url}
className="text-rose-700 hover:text-rose-800 transition-colors"
title={link.name}
>
<Icon className="w-8 h-8" />
<span className="sr-only">{link.name}</span>
</a>
);
})}
</div>
);
}
|
