2 files changed, 18 insertions, 10 deletions
diff --git a/animism-align/frontend/app/views/viewer/player/components.inline/index.js b/animism-align/frontend/app/views/viewer/player/components.inline/index.js
index 6ce1bbe..01090a6 100644
--- a/animism-align/frontend/app/views/viewer/player/components.inline/index.js
+++ b/animism-align/frontend/app/views/viewer/player/components.inline/index.js
@@ -22,7 +22,8 @@ import {
 } from './inline.gallery'
 
 import {
-  Intro
+  Intro,
+  Schedule,
 } from './inline.utility'
 
 export const inlineComponents = {
@@ -33,7 +34,9 @@ export const inlineComponents = {
   section_heading: React.memo(SectionHeading),
   heading_text: React.memo(HeadingText),
   header: React.memo(SectionHeading),
+
   intro: React.memo(Intro),
+  schedule: React.memo(Schedule),
 
   video: React.memo(MediaVideo),
   image: React.memo(MediaImage),
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 084fbf4..f42e550 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
@@ -13,16 +13,21 @@ export const Intro = ({ paragraph, media, currentParagraph, currentAnnotation, o
     return a
   }, new Set)
   return (
-    <div>
-      <div
-        className='site-intro'
-        style={style}
-      >
-        <div className='inner'>
-          {annotation.settings.title && <span dangerouslySetInnerHTML={{ __html: annotation.settings.title }} />}
-          {annotation.settings.subtitle && <span dangerouslySetInnerHTML={{ __html: annotation.settings.subtitle }} />}
-        </div>
+    <div
+      className='site-intro'
+      style={style}
+    >
+      <div className='inner'>
+        {annotation.settings.title && <span dangerouslySetInnerHTML={{ __html: annotation.settings.title }} />}
+        {annotation.settings.subtitle && <span dangerouslySetInnerHTML={{ __html: annotation.settings.subtitle }} />}
       </div>
+    </div>
+  )
+}
+
+export const Schedule = ({}) => {
+  return (
+    <div>
       <div className='schedule'>
         <div className='schedule-title'>Schedule</div>
         {SCHEDULE.map(row => (