fix multi-line annoations and disable autoplay (#212)

celluloid-camp · Jul 7, 2023 · c749a32 · c749a32
1 parent a9bd9e6
commit c749a32
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/packages/client/src/scenes/Project/scenes/Video/VideoComponent.tsx b/packages/client/src/scenes/Project/scenes/Video/VideoComponent.tsx
@@ -55,7 +55,7 @@ const Player: React.FC<ReactPlayerProps> = (props) => {
           title: 0,
           warningTitle: 0,
           p2p: 0,
-          autoplay: 1,
+          autoplay: 0,
         },
       }}
       {...props}
@@ -224,7 +224,7 @@ const VideoComponent = connect(
           <div
             style={{
               position: "absolute",
-              top: 0,
+              top: 350,
               left: 0,
               right: 0,
               bottom: 0,

diff --git a/...c/scenes/Project/scenes/Video/components/AnnotationContent/AnnotationContentComponent.tsx b/...c/scenes/Project/scenes/Video/components/AnnotationContent/AnnotationContentComponent.tsx
@@ -101,27 +101,27 @@ const AnnotationContentComponent = ({
               appear={true}
               {...(focused ? { timeout: 1000 } : {})}
             >
-              <div>
+              <Box>
                 {!focused && (
                   <Typography
+                    component={"p"}
                     sx={{
                       "& a:any-link": {
                         color: "#42a6f5",
                       },
                     }}
-                    color="neutral.400"
-                    noWrap={true}
+                    color="danger.main"
                     gutterBottom={true}
                   >
-                    <span dangerouslySetInnerHTML={{ __html: richText }} />
+                    {richText}
                   </Typography>
                 )}
-              </div>
+              </Box>
             </Fade>
             <Collapse in={focused} appear={true}>
               {focused && (
                 <Typography
-                  noWrap={true}
+                  component={"p"}
                   color="neutral.400"
                   sx={{
                     "& a:any-link": {