diff --git a/src/components/zines/ZineGrid.tsx b/src/components/zines/ZineGrid.tsx index 9cfcf86..3c727da 100644 --- a/src/components/zines/ZineGrid.tsx +++ b/src/components/zines/ZineGrid.tsx @@ -1,7 +1,7 @@ import { useState } from "react"; import { zines, type Zine } from "../../data/zines"; import { ZineCard } from "./ZineCard"; -import { FlipbookViewer } from "./FlipbookViewer"; +import { ZineViewer } from "./ZineViewer"; import { Dialog, DialogContent, @@ -42,7 +42,7 @@ export function ZineGrid() { {selectedZine && ( - diff --git a/src/components/zines/FlipbookViewer.tsx b/src/components/zines/ZineViewer.tsx similarity index 97% rename from src/components/zines/FlipbookViewer.tsx rename to src/components/zines/ZineViewer.tsx index 9114052..5116a7b 100644 --- a/src/components/zines/FlipbookViewer.tsx +++ b/src/components/zines/ZineViewer.tsx @@ -22,12 +22,12 @@ const Page = forwardRef(({ src, pageNumber }, ref) => Page.displayName = "Page"; -interface FlipbookViewerProps { +interface ZineViewerProps { pages: string[]; title: string; } -export function FlipbookViewer({ pages, title }: FlipbookViewerProps) { +export function ZineViewer({ pages, title }: ZineViewerProps) { const flipBookRef = useRef(null); const [currentPage, setCurrentPage] = useState(0); const totalPages = pages.length; diff --git a/src/pages/projects/zines.astro b/src/pages/projects/zines.astro index 74a4f81..20d0169 100644 --- a/src/pages/projects/zines.astro +++ b/src/pages/projects/zines.astro @@ -13,8 +13,7 @@ import "../../styles/globals.css";

Zines

- We create and share zines about technology, power, and resistance. - Click on a zine to read it in our interactive flipbook viewer! + We create and share zines about technology, power, and resistance. You are welcome to download the printable version to fold and distribute!