From 6f46083a90007970cca46a223873eecda0a03845 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Veikko=20Lintuj=C3=A4rvi?= <veikko@lintujarvi.fi>
Date: Tue, 16 Jun 2026 21:10:30 +0300
Subject: [PATCH] Fix fade in clsoing of performer card

---
 src/pages/Archive.tsx | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/pages/Archive.tsx b/src/pages/Archive.tsx
index d02b239..49520e9 100644
--- a/src/pages/Archive.tsx
+++ b/src/pages/Archive.tsx
@@ -79,7 +79,7 @@ const Archive = () => {
             <CSSTransition
               in={expandedYears[year]}
               timeout={300}
-              classNames='heightTransition'
+              classNames='fadeTransition'
               unmountOnExit
             >
               <div className={styles.yearPerformersContent}>
@@ -109,18 +109,15 @@ const Archive = () => {
                       </div>
                       <CSSTransition
                         in={p.showDesc}
-                        timeout={1000}
+                        timeout={300}
                         classNames='fadeTransition'
+                        unmountOnExit
                       >
-                        {p.showDesc ? (
-                          <div>
-                            {p.paragraphs.map((parag, index) => (
-                              <p key={index}>{parag.toString()}</p>
-                            ))}
-                          </div>
-                        ) : (
-                          <span></span>
-                        )}
+                        <div>
+                          {p.paragraphs.map((parag, index) => (
+                            <p key={index}>{parag.toString()}</p>
+                          ))}
+                        </div>
                       </CSSTransition>
                       <hr />
                     </div>