From f2ca0079cc4371c9e88a91f86b955423558a71e1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Veikko=20Lintuj=C3=A4rvi?= <veikko@lintujarvi.fi>
Date: Sat, 10 May 2025 20:50:49 +0300
Subject: [PATCH] After event changes

---
 data/performers/2025.ts   |  7 ++++
 package-lock.json         | 28 ++++++++--------
 pages/_document.tsx       |  2 +-
 pages/archive.tsx         | 69 +++++++++++++++++++++++++++++++++++++++
 pages/components/Lead.tsx |  4 +--
 pages/index.tsx           |  4 +--
 pages/performers.tsx      |  4 +--
 pages/program.tsx         |  9 +++--
 styles/Shared.module.scss |  6 ++++
 9 files changed, 110 insertions(+), 23 deletions(-)
 create mode 100644 data/performers/2025.ts

diff --git a/data/performers/2025.ts b/data/performers/2025.ts
new file mode 100644
index 0000000..02c5b5c
--- /dev/null
+++ b/data/performers/2025.ts
@@ -0,0 +1,7 @@
+import type Performer from '../../types/Performer';
+
+const Performers: Array<Performer> = [
+    //{ name: '', paragraphs: [''], id: '' },
+];
+
+export default Performers;
diff --git a/package-lock.json b/package-lock.json
index ef7600a..0b58281 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -489,10 +489,11 @@
       }
     },
     "node_modules/acorn": {
-      "version": "8.7.1",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.7.1.tgz",
-      "integrity": "sha512-Xx54uLJQZ19lKygFXOWsscKUbsBZW0CPykPhVQdhIeIwrbPmJzqeASDInc8nKBnp/JT6igTs82qPXz069H8I/A==",
+      "version": "8.12.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.1.tgz",
+      "integrity": "sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==",
       "dev": true,
+      "license": "MIT",
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -723,9 +724,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001506",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001506.tgz",
-      "integrity": "sha512-6XNEcpygZMCKaufIcgpQNZNf00GEqc7VQON+9Rd0K1bMYo8xhMZRAo5zpbnbMNizi4YNgIDAFrdykWsvY3H4Hw==",
+      "version": "1.0.30001663",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001663.tgz",
+      "integrity": "sha512-o9C3X27GLKbLeTYZ6HBOLU1tsAcBZsLis28wrVzddShCS16RujjHp9GDHKZqrB3meE0YjhawvMFsGb/igqiPzA==",
       "funding": [
         {
           "type": "opencollective",
@@ -739,7 +740,8 @@
           "type": "github",
           "url": "https://github.com/sponsors/ai"
         }
-      ]
+      ],
+      "license": "CC-BY-4.0"
     },
     "node_modules/chalk": {
       "version": "4.1.2",
@@ -3465,9 +3467,9 @@
       }
     },
     "acorn": {
-      "version": "8.7.1",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.7.1.tgz",
-      "integrity": "sha512-Xx54uLJQZ19lKygFXOWsscKUbsBZW0CPykPhVQdhIeIwrbPmJzqeASDInc8nKBnp/JT6igTs82qPXz069H8I/A==",
+      "version": "8.12.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.1.tgz",
+      "integrity": "sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==",
       "dev": true
     },
     "acorn-jsx": {
@@ -3636,9 +3638,9 @@
       "dev": true
     },
     "caniuse-lite": {
-      "version": "1.0.30001506",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001506.tgz",
-      "integrity": "sha512-6XNEcpygZMCKaufIcgpQNZNf00GEqc7VQON+9Rd0K1bMYo8xhMZRAo5zpbnbMNizi4YNgIDAFrdykWsvY3H4Hw=="
+      "version": "1.0.30001663",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001663.tgz",
+      "integrity": "sha512-o9C3X27GLKbLeTYZ6HBOLU1tsAcBZsLis28wrVzddShCS16RujjHp9GDHKZqrB3meE0YjhawvMFsGb/igqiPzA=="
     },
     "chalk": {
       "version": "4.1.2",
diff --git a/pages/_document.tsx b/pages/_document.tsx
index e2648ff..4cd8386 100644
--- a/pages/_document.tsx
+++ b/pages/_document.tsx
@@ -16,7 +16,7 @@ class MyDocument extends Document {
           <meta property="og:image:type" content="image/jpg" />
           <meta property="og:image:width" content="1516" />
           <meta property="og:image:height" content="582" />
-          <meta property="og:description" content="Runosaari 7. ja 14.6. Naantalin saaristo. Vuonna 2024 saarifestivaali tuo runoutta ja musiikkia kahteen kesäkuun perjantaihin" />
+          <meta property="og:description" content="Nähdään taas ensi kesänä 12. - 14.6.2025!" />
           <script
             async
             defer
diff --git a/pages/archive.tsx b/pages/archive.tsx
index ef280f2..2773c99 100644
--- a/pages/archive.tsx
+++ b/pages/archive.tsx
@@ -6,6 +6,7 @@ import styles from '../styles/Archive.module.scss';
 import PerformersData2021 from '../data/performers/2021';
 import PerformersData2022 from '../data/performers/2022';
 import PerformersData2023 from '../data/performers/2023';
+import PerformersData2024 from '../data/performers/2024';
 import Performer from '../types/Performer';
 import { BiChevronDown, BiChevronLeft } from 'react-icons/bi';
 
@@ -17,6 +18,7 @@ const Archive = () => {
   const [performers2021, setPerformers2021] = useState<PerformerCard[]>([]);
   const [performers2022, setPerformers2022] = useState<PerformerCard[]>([]);
   const [performers2023, setPerformers2023] = useState<PerformerCard[]>([]);
+  const [performers2024, setPerformers2024] = useState<PerformerCard[]>([]);
 
   useEffect(() => {
     let cards: PerformerCard[] = [];
@@ -51,6 +53,17 @@ const Archive = () => {
     setPerformers2023(cards);
   }, []);
 
+  useEffect(() => {
+    let cards: PerformerCard[] = [];
+
+    PerformersData2024.map((p) => {
+      let newCard = { ...p, showDesc: false };
+      cards.push(newCard);
+    });
+
+    setPerformers2024(cards);
+  }, []);
+
   const togglePerformerDesc2021 = (id: string) => {
     let updated: PerformerCard[];
     updated = performers2021.map((p) => {
@@ -87,9 +100,65 @@ const Archive = () => {
     setPerformers2023(updated);
   };
 
+  const togglePerformerDesc2024 = (id: string) => {
+    let updated: PerformerCard[];
+    updated = performers2024.map((p) => {
+      if (p.id === id) {
+        p.showDesc = !p.showDesc;
+      }
+      return p;
+    });
+
+    setPerformers2024(updated);
+  };
+
   return (
     <section className={shared.page + ' ' + styles.archivePage}>
       <h1>Arkisto</h1>
+      <h2 className={styles.year}>2024</h2>
+      {performers2024.map((p) => (
+        <div className={styles.performerContainer} key={p.id}>
+          <Image
+            className={styles.performerImage}
+            src={'/performers/2024/' + p.id + '.jpg'}
+            width={100}
+            height={100}
+            layout='fixed'
+            alt={p.name}
+          />
+          <div className={styles.performerTextContainer}>
+            <div
+              className={styles.performerTitle}
+              onClick={() => togglePerformerDesc2024(p.id)}
+            >
+              <h2>{p.name}</h2>
+              <button className={shared.openingChevron}>
+                {p.showDesc ? (
+                  <BiChevronDown size='3rem' />
+                ) : (
+                  <BiChevronLeft size='3rem' />
+                )}
+              </button>
+            </div>
+            <CSSTransition
+              in={p.showDesc}
+              timeout={1000}
+              classNames='fadeTransition'
+            >
+              {p.showDesc ? (
+                <div>
+                  {p.paragraphs.map((parag, index) => (
+                    <p key={index}>{parag.toString()}</p>
+                  ))}
+                </div>
+              ) : (
+                <span></span>
+              )}
+            </CSSTransition>
+            <hr />
+          </div>
+        </div>
+      ))}
       <h2 className={styles.year}>2023</h2>
       {performers2023.map((p) => (
         <div className={styles.performerContainer} key={p.id}>
diff --git a/pages/components/Lead.tsx b/pages/components/Lead.tsx
index e8dfb1f..38199f2 100644
--- a/pages/components/Lead.tsx
+++ b/pages/components/Lead.tsx
@@ -5,10 +5,10 @@ const Lead = () => {
   return (
     <div className={styles.leadContainer}>
       <h2 className={styles.leadTitle}>
+        Nähdään taas ensi kesänä 2025!
         <span className={styles.dateAndPlace}>
-          7. ja 14.6. Naantalin saaristo
+          12. - 14.6.
         </span>
-        Vuonna 2024 saarifestivaali tuo runoutta ja musiikkia kahteen kesäkuun perjantaihin
       </h2>
       {/* <p className={styles.leadText}>
         Runosaari on poikkitaiteellinen runofestivaali Livonsaaren, Palvan ja
diff --git a/pages/index.tsx b/pages/index.tsx
index 50734dc..eb108fc 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -17,8 +17,8 @@ const Home: NextPage = () => {
       <Program />
       <Performers />
       {/* <Workshops /> */}
-      <Info />
-      <Collaboration />
+      {/* <Info /> */}
+      {/* <Collaboration /> */}
       {/* <Archive /> */}
     </div>
   );
diff --git a/pages/performers.tsx b/pages/performers.tsx
index 3bbbcb2..6233f62 100644
--- a/pages/performers.tsx
+++ b/pages/performers.tsx
@@ -4,7 +4,7 @@ import styles from '../styles/Performers.module.scss';
 import shared from '../styles/Shared.module.scss';
 import Performer from '../types/Performer';
 import { BiChevronDown, BiChevronLeft } from 'react-icons/bi';
-import PerformersData from '../data/performers/2024';
+import PerformersData from '../data/performers/2025';
 import { CSSTransition } from 'react-transition-group';
 import Link from 'next/link';
 import { FiExternalLink } from 'react-icons/fi';
@@ -87,7 +87,7 @@ const Performers = () => {
           </div>
         ))
       ) : (
-        <i>Lisätietoja tulossa myöhemmin...</i>
+        <i className={shared.moreInfoLaterText}>Lisätietoja tulossa myöhemmin...</i>
       )}
       <Link href="/archive">
         <a>
diff --git a/pages/program.tsx b/pages/program.tsx
index c80c5c6..e7fb511 100644
--- a/pages/program.tsx
+++ b/pages/program.tsx
@@ -17,7 +17,7 @@ const Program = () => {
     <section className={shared.page}>
       <h1 id='program-start'>Ohjelma</h1>
 
-      {/* Vaihela */}
+      {/* Vaihela 
       <h2 className={styles.programTitle}>
         <span>7.6.</span>
         <a href='https://www.cafelaituri.fi'>
@@ -39,8 +39,8 @@ const Program = () => {
       </ul>
       <i>Ohjelma täydentyy...</i>
       <hr className={styles.programHr} />
-
-      {/* Laituri */}
+      */}
+      {/* Laituri 
       <h2 className={styles.programTitle}>
         <span>14.6.</span>
         <a href='https://www.cafelaituri.fi'>
@@ -63,6 +63,9 @@ const Program = () => {
       </ul>
       <i>Ohjelma täydentyy...</i>
       <hr className={styles.programHr} />
+      */}
+
+      <i className={shared.moreInfoLaterText}>Lisätietoja tulossa myöhemmin...</i>
     </section>
   );
 };
diff --git a/styles/Shared.module.scss b/styles/Shared.module.scss
index 55e62ec..d5bd88d 100644
--- a/styles/Shared.module.scss
+++ b/styles/Shared.module.scss
@@ -24,3 +24,9 @@
 .followNote {
   max-width: 90%;
 }
+
+.moreInfoLaterText {
+  margin-top: 1rem;
+  margin-bottom: 5rem;
+  font-size: 1.5rem;
+}
\ No newline at end of file