From c7bbea7cfba2c961a48f507b0ac55956a2e84d22 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Thu, 22 Oct 2020 13:53:26 +0200
Subject: episodes UI

---
 .../views/viewer/checklist/credits.components.js   | 34 +++++++++++++---------
 1 file changed, 21 insertions(+), 13 deletions(-)

(limited to 'animism-align/frontend/app/views/viewer/checklist')

diff --git a/animism-align/frontend/app/views/viewer/checklist/credits.components.js b/animism-align/frontend/app/views/viewer/checklist/credits.components.js
index de24639..9e0b6f2 100644
--- a/animism-align/frontend/app/views/viewer/checklist/credits.components.js
+++ b/animism-align/frontend/app/views/viewer/checklist/credits.components.js
@@ -55,7 +55,6 @@ export const CreditsColumns = ({ lines }) => {
 const CreditsVenue = ({ venue, open, setOpen }) => {
   // const [ open, setOpen ] = React.useState(-1)
   const isOpen = open === venue.id
-  const artistGroups = groupColumns(venue.settings.artists.trim().split('\n'), 4)
   const creditSections = parseCredits(venue.settings.credits)
   return (
     <div className={isOpen ? 'venue open' : 'venue'}>
@@ -68,18 +67,7 @@ const CreditsVenue = ({ venue, open, setOpen }) => {
       </div>
       {isOpen && (
         <div className='venue-info'>
-          <div className='credits-title'>
-            Artists
-          </div>
-          <div className="credits">
-            {artistGroups.map((group, i) => (
-              <div className='credits-info' key={i}>
-                {group.map((line, j) => (
-                  <div key={j}>{line}</div>
-                ))}
-              </div>
-            ))}
-          </div>
+          <ArtistColumns artists={venue.settings.artists} />
           {creditSections.map(section => (
             <div key={section.i}>
               <div className='credits-title'>
@@ -100,3 +88,23 @@ const CreditsVenue = ({ venue, open, setOpen }) => {
     </div>
   )
 }
+
+export const ArtistColumns = ({ artists }) => {
+  const artistGroups = groupColumns(artists.trim().split('\n'), 4)
+  return (
+    <div>
+      <div className='credits-title'>
+        Artists
+      </div>
+      <div className="credits">
+        {artistGroups.map((group, i) => (
+          <div className='credits-info' key={i}>
+            {group.map((line, j) => (
+              <div key={j}>{line}</div>
+            ))}
+          </div>
+        ))}
+      </div>
+    </div>
+  )
+}
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2