abtmtr-v9/src/app/links/page.tsx
2024-04-02 11:05:44 -05:00

20 lines
No EOL
653 B
TypeScript

import { MainLayout } from "@/layout/MainLayout/MainLayout";
import Link from "next/link";
export default async function Home() {
const data = await fetch("https://pronouns.cc/api/v1/users/mtr").then(x=>x.json());
return (
<MainLayout currentPage="/links/" title="Links" subtitle="to other places I've been">
<img className="headerImage" src="/headers/links.png" alt="LINKS"></img>
{data.links.map((link:string) => (
<div style={{
margin: "16px 0"
}}>
<h2>{new URL(link).host}</h2>
<p><Link href={link} target="_blank">{link}</Link></p>
</div>
))}
</MainLayout>
)
}