a place for credits

1 files changed, 39 insertions, 4 deletions

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)