void
+}) {
+ useEffect(() => {
+ // Log the error to an error reporting service
+ console.error(error)
+ }, [error])
+
+ return (
+
+
Something went wrong
+
+ Please try refreshing the page or contact support if the problem persists.
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
new file mode 100644
index 0000000..92ab4ed
--- /dev/null
+++ b/src/app/layout.tsx
@@ -0,0 +1,42 @@
+import { ThemeProvider } from "@/components/global/ThemeProvider";
+import type { Metadata } from "next";
+import { Geist, Geist_Mono } from "next/font/google";
+import "./globals.css";
+
+const geistSans = Geist({
+ variable: "--font-geist-sans",
+ subsets: ["latin"],
+});
+
+const geistMono = Geist_Mono({
+ variable: "--font-geist-mono",
+ subsets: ["latin"],
+});
+
+export const metadata: Metadata = {
+ title: "Create Next App",
+ description: "Generated by create next app",
+};
+
+export default async function RootLayout({
+ children,
+}: Readonly<{
+ children: React.ReactNode;
+}>) {
+ return (
+
+
+
+ {children}
+
+
+
+ );
+}
diff --git a/src/app/loading.tsx b/src/app/loading.tsx
new file mode 100644
index 0000000..f314377
--- /dev/null
+++ b/src/app/loading.tsx
@@ -0,0 +1,10 @@
+export default function Loading() {
+ return (
+
+
+
+
Loading content...
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
new file mode 100644
index 0000000..46f48fe
--- /dev/null
+++ b/src/app/not-found.tsx
@@ -0,0 +1,18 @@
+import Link from "next/link";
+
+export default function NotFound() {
+ return (
+
+
Page Not Found
+
+ Sorry, we couldn't find the page you were looking for.
+
+
+ Go back home
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/components/albums/ImageList.tsx b/src/components/albums/ImageList.tsx
index 48769fc..7585898 100644
--- a/src/components/albums/ImageList.tsx
+++ b/src/components/albums/ImageList.tsx
@@ -10,7 +10,7 @@ export default function ImageList({ images, gallerySlug, albumSlug }: { images:
Images
{images ? images.map((img) => (
-
+
{img.fileKey ? (
diff --git a/src/components/artists/ArtistImageGrid.tsx b/src/components/artists/ArtistImageGrid.tsx
new file mode 100644
index 0000000..3366894
--- /dev/null
+++ b/src/components/artists/ArtistImageGrid.tsx
@@ -0,0 +1,34 @@
+"use client";
+
+// import ImageCard from "@/components/image/ImageCard"; // You likely have this already
+// import type { Album, Gallery, Image, ImageVariant } from "@prisma/client";
+import { Album, Gallery, Image, ImageVariant } from "@/generated/prisma";
+import { useState } from "react";
+import ImageCard from "./ImageCard";
+
+type Props = {
+ images: (Image & {
+ album: Album & { gallery: Gallery | null } | null;
+ variants: ImageVariant[];
+ })[];
+};
+
+export default function ArtistImageGrid({ images }: Props) {
+ const [showNSFW, setShowNSFW] = useState(false);
+
+ return (
+
+
+
+ {images.map((img) => (
+
+ ))}
+
+
+ );
+}
diff --git a/src/components/artists/ArtistInfoBox.tsx b/src/components/artists/ArtistInfoBox.tsx
new file mode 100644
index 0000000..2170e08
--- /dev/null
+++ b/src/components/artists/ArtistInfoBox.tsx
@@ -0,0 +1,40 @@
+import { Artist } from "@/generated/prisma";
+import { getSocialIcon } from "@/utils/socialIconMap";
+import { LinkIcon } from "lucide-react";
+
+type Props = {
+ artist: Artist & {
+ socials: {
+ id: string;
+ handle: string;
+ platform: string;
+ link: string | null;
+ isPrimary: boolean;
+ }[];
+ };
+};
+
+export default function ArtistInfoBox({ artist }: Props) {
+ return (
+