- APP HOME
+
+
+ Welcome to Fellies Art
+
+ Some descriptive text blabla
+
+
+
);
}
diff --git a/src/components/albums/ImageList.tsx b/src/components/albums/ImageList.tsx
new file mode 100644
index 0000000..0df8b8e
--- /dev/null
+++ b/src/components/albums/ImageList.tsx
@@ -0,0 +1,37 @@
+import { Image } from "@/generated/prisma";
+import NextImage from "next/image";
+import Link from "next/link";
+
+export default function ImageList({ images, gallerySlug, albumSlug }: { images: Image[], gallerySlug: string, albumSlug: string }) {
+
+ return (
+
+ Images
+
+ {images ? images.map((img) => (
+
+
+
+ {img.fileKey ? (
+
+ ) : (
+
+ No cover image
+
+ )}
+
+
+
{img.imageName}
+
+
+
+ )) : "There are no images here!"}
+
+ );
+}
\ No newline at end of file
diff --git a/src/components/galleries/AlbumList.tsx b/src/components/galleries/AlbumList.tsx
new file mode 100644
index 0000000..1e1a252
--- /dev/null
+++ b/src/components/galleries/AlbumList.tsx
@@ -0,0 +1,40 @@
+import { Album, Image } from "@/generated/prisma";
+import NextImage from "next/image";
+import Link from "next/link";
+
+type AlbumsWithItems = Album & {
+ coverImage: Image | null;
+}
+
+export default function AlbumList({ albums, gallerySlug }: { albums: AlbumsWithItems[], gallerySlug: string }) {
+ return (
+
+ Albums
+
+ {albums ? albums.map((album) => (
+
+
+
+ {album.coverImage?.fileKey ? (
+
+ ) : (
+
+ No cover image
+
+ )}
+
+
+
{album.name}
+
+
+
+ )) : "There are no albums here!"}
+
+ );
+}
\ No newline at end of file
diff --git a/src/components/global/Breadcrumbs.tsx b/src/components/global/Breadcrumbs.tsx
new file mode 100644
index 0000000..d3081f9
--- /dev/null
+++ b/src/components/global/Breadcrumbs.tsx
@@ -0,0 +1,30 @@
+"use client";
+
+import { ChevronRight, HomeIcon } from "lucide-react";
+import Link from "next/link";
+
+export function Breadcrumbs({
+ items,
+}: {
+ items: { name: string; href?: string }[];
+}) {
+ return (
+
+ );
+}
diff --git a/src/components/global/Footer.tsx b/src/components/global/Footer.tsx
new file mode 100644
index 0000000..4abff76
--- /dev/null
+++ b/src/components/global/Footer.tsx
@@ -0,0 +1,5 @@
+export default function Footer() {
+ return (
+
Footer
+ );
+}
\ No newline at end of file
diff --git a/src/components/global/Header.tsx b/src/components/global/Header.tsx
new file mode 100644
index 0000000..4866398
--- /dev/null
+++ b/src/components/global/Header.tsx
@@ -0,0 +1,11 @@
+import ModeToggle from "./ModeToggle";
+import TopNav from "./TopNav";
+
+export default function Header() {
+ return (
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/components/global/ModeToggle.tsx b/src/components/global/ModeToggle.tsx
new file mode 100644
index 0000000..8fcc89a
--- /dev/null
+++ b/src/components/global/ModeToggle.tsx
@@ -0,0 +1,39 @@
+"use client"
+
+import { Moon, Sun } from "lucide-react"
+import { useTheme } from "next-themes"
+
+import { Button } from "@/components/ui/button"
+import {
+ DropdownMenu,
+ DropdownMenuContent,
+ DropdownMenuItem,
+ DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu"
+
+export default function ModeToggle() {
+ const { setTheme } = useTheme()
+
+ return (
+
+
+
+
+
+ setTheme("light")}>
+ Light
+
+ setTheme("dark")}>
+ Dark
+
+ setTheme("system")}>
+ System
+
+
+
+ )
+}
diff --git a/src/components/global/ThemeProvider.tsx b/src/components/global/ThemeProvider.tsx
new file mode 100644
index 0000000..120faea
--- /dev/null
+++ b/src/components/global/ThemeProvider.tsx
@@ -0,0 +1,11 @@
+"use client"
+
+import { ThemeProvider as NextThemesProvider } from "next-themes"
+import * as React from "react"
+
+export function ThemeProvider({
+ children,
+ ...props
+}: React.ComponentProps
) {
+ return {children}
+}
\ No newline at end of file
diff --git a/src/components/global/Toaster.tsx b/src/components/global/Toaster.tsx
new file mode 100644
index 0000000..957524e
--- /dev/null
+++ b/src/components/global/Toaster.tsx
@@ -0,0 +1,25 @@
+"use client"
+
+import { useTheme } from "next-themes"
+import { Toaster as Sonner, ToasterProps } from "sonner"
+
+const Toaster = ({ ...props }: ToasterProps) => {
+ const { theme = "system" } = useTheme()
+
+ return (
+
+ )
+}
+
+export { Toaster }
diff --git a/src/components/global/TopNav.tsx b/src/components/global/TopNav.tsx
new file mode 100644
index 0000000..bf33502
--- /dev/null
+++ b/src/components/global/TopNav.tsx
@@ -0,0 +1,23 @@
+"use client"
+
+import { NavigationMenu, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, navigationMenuTriggerStyle } from "@/components/ui/navigation-menu";
+import Link from "next/link";
+
+export default function TopNav() {
+ return (
+
+
+
+
+ Home
+
+
+
+
+ About
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/components/home/GalleryList.tsx b/src/components/home/GalleryList.tsx
new file mode 100644
index 0000000..6cbfe3f
--- /dev/null
+++ b/src/components/home/GalleryList.tsx
@@ -0,0 +1,42 @@
+import prisma from "@/lib/prisma";
+import Image from "next/image";
+import Link from "next/link";
+
+export default async function GalleryList() {
+ const galleries = await prisma.gallery.findMany({
+ include: {
+ coverImage: true
+ }
+ });
+
+ return (
+
+ Galleries
+
+ {galleries ? galleries.map((gallery) => (
+
+
+
+ {gallery.coverImage?.fileKey ? (
+
+ ) : (
+
+ No cover image
+
+ )}
+
+
+
{gallery.name}
+
+
+
+ )) : "There are no galleries here!"}
+
+
+
+
+ {artist.displayName}
+
+
+
+ {artist.socials?.length > 0 && (
+
+ {artist.socials.map((social) => {
+ const Icon = getSocialIcon(social.platform)
+ return (
+
+ )
+ })}
+
+ )}
+
+ {/* Creator */}
+ {image.artist && (
+
+
Creator
+
+ {image.artist.displayName}
+
+
+ {image.artist.socials?.length > 0 && (
+
+ {image.artist.socials.map((social, i) => (
+
+ ))}
+
+ )}
+
+ )}
+
+ {/* Album */}
+ {image.album && (
+
+
Album
+
+ {image.album.name}
+
+
+ )}
+
+ {/* Categories */}
+ {image.categories?.length > 0 && (
+
+
Categories
+
+ {image.categories.map((cat) => (
+
+ {cat.name}
+
+ ))}
+
+
+ )}
+
+ {/* Tags */}
+ {image.tags?.length > 0 && (
+
+
Tags
+
+ {image.tags.map((tag) => (
+
+ #{tag.name}
+
+ ))}
+
+
+ )}
+
+ {album && (
+
+
+
+ {album.name}
+
+
+ )}
+
+ {categories.length > 0 && (
+
+
+ {categories.map((cat) => (
+
+ {cat.name}
+
+ ))}
+
+ )}
+
+ {tags.length > 0 && (
+
+
+ {tags.map((tag) => (
+
+ {tag.name}
+
+ ))}
+
+ )}
+