summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--animism-align/frontend/app/views/viewer/player/player.transcript.css2
-rw-r--r--animism-align/frontend/app/views/viewer/transcript/components/elementTypes.text.js6
-rw-r--r--animism-align/frontend/app/views/viewer/transcript/components/index.js10
-rw-r--r--animism-align/frontend/app/views/viewer/transcript/transcript.container.js2
4 files changed, 15 insertions, 5 deletions
diff --git a/animism-align/frontend/app/views/viewer/player/player.transcript.css b/animism-align/frontend/app/views/viewer/player/player.transcript.css
index b2c754a..cbd6981 100644
--- a/animism-align/frontend/app/views/viewer/player/player.transcript.css
+++ b/animism-align/frontend/app/views/viewer/player/player.transcript.css
@@ -145,7 +145,7 @@
.site-intro {
position: relative;
- width: 100vw;
+ width: 100%;
height: 100vh;
overflow: hidden;
background: black;
diff --git a/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.text.js b/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.text.js
index 98be99b..3fc13b4 100644
--- a/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.text.js
+++ b/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.text.js
@@ -35,3 +35,9 @@ export const ParagraphHeading = ({ paragraph, currentParagraph, currentAnnotatio
</div>
)
}
+
+export const HiddenParagraph = () => {
+ return (
+ null
+ )
+}
diff --git a/animism-align/frontend/app/views/viewer/transcript/components/index.js b/animism-align/frontend/app/views/viewer/transcript/components/index.js
index 5cf7196..4641c45 100644
--- a/animism-align/frontend/app/views/viewer/transcript/components/index.js
+++ b/animism-align/frontend/app/views/viewer/transcript/components/index.js
@@ -1,7 +1,7 @@
import React from 'react'
import {
- Paragraph, ParagraphHeading
+ Paragraph, ParagraphHeading, HiddenParagraph
} from './elementTypes.text'
import {
@@ -19,11 +19,15 @@ import {
export const transcriptElementLookup = {
paragraph: React.memo(Paragraph),
intro_paragraph: React.memo(Paragraph),
- hidden: React.memo(Paragraph),
blockquote: React.memo(Paragraph),
+
+ hidden: React.memo(HiddenParagraph),
+ heading_text: React.memo(HiddenParagraph),
+ intro: React.memo(HiddenParagraph),
+
section_heading: React.memo(ParagraphHeading),
- heading_text: React.memo(ParagraphHeading),
header: React.memo(ParagraphHeading),
+
video: React.memo(MediaVideo),
image: React.memo(MediaImage),
gallery: React.memo(MediaGallery),
diff --git a/animism-align/frontend/app/views/viewer/transcript/transcript.container.js b/animism-align/frontend/app/views/viewer/transcript/transcript.container.js
index c186568..f6ed49c 100644
--- a/animism-align/frontend/app/views/viewer/transcript/transcript.container.js
+++ b/animism-align/frontend/app/views/viewer/transcript/transcript.container.js
@@ -21,7 +21,7 @@ class Transcript extends Component {
}
handleAnnotationClick(e, paragraph, annotation) {
- console.log(annotation)
+ // console.log(annotation)
actions.audio.seek(annotation.start_ts)
actions.audio.play()
}