this repo has no description
Add header with name and user avi
+22
-2
+19
-1
app/library/page.tsx
+19
-1
app/library/page.tsx
···
1
1
import { getSession } from "@/lib/auth/session";
2
2
import { Agent } from "@atproto/api";
3
+
import Image from "next/image";
3
4
import { redirect } from "next/navigation";
4
5
5
6
const Library = async () => {
···
25
26
error =
26
27
error instanceof Error ? error.message : "Failed to fetch profile";
27
28
}
28
-
return <div></div>;
29
+
30
+
return (
31
+
<main className="bg-amber-100 gap-4 grid grid-rows-10 h-screen p-4 w-screen">
32
+
<header className="bg-emerald-900 flex items-center justify-between p-4 rounded-2xl row-span-1">
33
+
<h1 className="text-amber-100 text-4xl">bambü</h1>
34
+
<div className="h-16 relative w-16">
35
+
<Image
36
+
alt="User avatar"
37
+
className="object-cover rounded-full"
38
+
fill
39
+
priority
40
+
src={profile?.avatar || ""}
41
+
/>
42
+
</div>
43
+
</header>
44
+
<div className="bg-emerald-900 rounded-2xl row-span-9"></div>
45
+
</main>
46
+
);
29
47
};
30
48
31
49
export default Library;