From 5cb08bd401118a0ae3ff267b806c864b1d588292 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Thu, 1 Oct 2020 11:04:40 +0200
Subject: a place for credits

---
 .../player/components.inline/inline.utility.js     | 43 ++++++++++++++++++++--
 1 file changed, 39 insertions(+), 4 deletions(-)

(limited to 'animism-align/frontend/app/views/viewer/player/components.inline/inline.utility.js')

diff --git a/animism-align/frontend/app/views/viewer/player/components.inline/inline.utility.js b/animism-align/frontend/app/views/viewer/player/components.inline/inline.utility.js
index 486b8e5..7e108f4 100644
--- a/animism-align/frontend/app/views/viewer/player/components.inline/inline.utility.js
+++ b/animism-align/frontend/app/views/viewer/player/components.inline/inline.utility.js
@@ -36,8 +36,7 @@ export const Intro = ({ paragraph, media, onAnnotationClick }) => {
   )
 }
 
-const ScheduleComponent = ({ episodes, venues }) => {
-  console.log(episodes.lookup[episodes.order[0]])
+const ScheduleComponent = ({ episodes }) => {
   const currentEpisode = episodes.lookup[episodes.order[0]].settings
   return (
     <div>
@@ -96,10 +95,46 @@ const ScheduleComponent = ({ episodes, venues }) => {
   )
 }
 
+const CreditsComponent = ({ episodes, venues }) => {
+  const currentEpisode = episodes.lookup[episodes.order[0]].settings
+  const lines = currentEpisode.credits.split("\n").map((s, i) => {
+    if (s[0] === "#") {
+      return (
+        <div className='credits-title' key={i}>
+          {s.replace("#", "").trim()}
+        </div>
+      )
+    }
+    return (
+      <div key={i}>{s || " "}</div>
+    )
+  })
+  return (
+    <div className='site-credits'>
+      {lines}
+    </div>
+  )
+}
+
+const CreditsVenue = ({ venue }) => {
+  return (
+    <div />
+  )
+}
+
+export const SubscriptionForm = () => {
+  return (
+    <div className="subscription-form">
+      Stay up to date and get notified when the next episode is available
+      <input type="text" placeholder="Email address here" />
+    </div>
+  )
+}
+
 const mapStateToProps = state => ({
   episodes: state.episode.index,
-  episode: state.episode.show.res || {},
   venues: state.venue.index,
 })
 
-export const Schedule = connect(mapStateToProps)(ScheduleComponent)
\ No newline at end of file
+export const Schedule = connect(mapStateToProps)(ScheduleComponent)
+export const Credits = connect(mapStateToProps)(CreditsComponent)
-- 
cgit v1.2.3-70-g09d2