55 lines
1.4 KiB
TypeScript
55 lines
1.4 KiB
TypeScript
import { ssrSettings } from "@/ssrSettings";
|
|
import { isProduction } from "@/utils/utils";
|
|
|
|
const buttons = [
|
|
{
|
|
name: "Privacy",
|
|
url: "/privacy",
|
|
},
|
|
{
|
|
name: "Credits",
|
|
url: "/credits",
|
|
},
|
|
];
|
|
|
|
const buildId = process.env.NEXT_PUBLIC_BUILD_ID
|
|
? process.env.NEXT_PUBLIC_BUILD_ID.slice(0, 7) +
|
|
(isProduction() ? "" : "-dev")
|
|
: "";
|
|
|
|
export default function Footer() {
|
|
return (
|
|
<footer>
|
|
<div className="m-3 flex flex-col items-center justify-center gap-1 rounded-md bg-gray-800 p-3">
|
|
<div className="flex flex-row gap-3">
|
|
<a
|
|
className="transform-gpu transition-all hover:text-blue-500"
|
|
href="https://git.fascinated.cc/Fascinated/scoresaber-reloaded-v2"
|
|
>
|
|
{ssrSettings.siteName}
|
|
</a>
|
|
|
|
{buttons.map((button, index) => {
|
|
return (
|
|
<div
|
|
key={index}
|
|
className="flex flex-row items-center justify-center gap-3"
|
|
>
|
|
<div className="h-4 w-[1px] bg-neutral-100"></div>
|
|
<a
|
|
href={button.url}
|
|
className="transform-gpu transition-all hover:text-blue-500"
|
|
>
|
|
{button.name}
|
|
</a>
|
|
</div>
|
|
);
|
|
})}
|
|
</div>
|
|
|
|
<div className="text-sm text-gray-400">Build ID: {buildId}</div>
|
|
</div>
|
|
</footer>
|
|
);
|
|
}
|