From c749a32ff66599ad5c276a116bafee0d12fa1ebb Mon Sep 17 00:00:00 2001
From: Younes <younes.benaomar@gmail.com>
Date: Fri, 7 Jul 2023 15:56:15 +0100
Subject: [PATCH] fix multi-line annoations and disable autoplay (#212)

---
 .../scenes/Project/scenes/Video/VideoComponent.tsx   |  4 ++--
 .../AnnotationContent/AnnotationContentComponent.tsx | 12 ++++++------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/client/src/scenes/Project/scenes/Video/VideoComponent.tsx b/packages/client/src/scenes/Project/scenes/Video/VideoComponent.tsx
index 33683136..38053690 100644
--- 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/packages/client/src/scenes/Project/scenes/Video/components/AnnotationContent/AnnotationContentComponent.tsx b/packages/client/src/scenes/Project/scenes/Video/components/AnnotationContent/AnnotationContentComponent.tsx
index 36ac290b..cc846ddb 100644
--- a/packages/client/src/scenes/Project/scenes/Video/components/AnnotationContent/AnnotationContentComponent.tsx
+++ b/packages/client/src/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": {