From c8517a4488552dcade96c615513d7312bd152d31 Mon Sep 17 00:00:00 2001
From: jjjj <jayjayde@proton.me>
Date: Mon, 19 Jan 2026 19:15:02 -0800
Subject: [PATCH] Change printable zine permission so they can be downloaded;
 rename flipbookviewer to zineviewer

---
 src/components/zines/ZineGrid.tsx                           | 4 ++--
 src/components/zines/{FlipbookViewer.tsx => ZineViewer.tsx} | 4 ++--
 src/pages/projects/zines.astro                              | 3 +--
 3 files changed, 5 insertions(+), 6 deletions(-)
 rename src/components/zines/{FlipbookViewer.tsx => ZineViewer.tsx} (97%)

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() {
             </DialogDescription>
           </VisuallyHidden.Root>
           {selectedZine && (
-            <FlipbookViewer
+            <ZineViewer
               pages={selectedZine.pages}
               title={selectedZine.title}
             />
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<HTMLDivElement, PageProps>(({ 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<any>(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";
       <div class="px-4">
         <h1 class="pb-4 pt-4 text-3xl font-semibold">Zines</h1>
         <p class="mb-6">
-          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!
         </p>
 
         <ZineGrid client:load />