Tidyup, post video length test'

comicrelief · Oct 3, 2023 · ee39686 · ee39686
1 parent dfffc3d
commit ee39686
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 16 deletions.
diff --git a/src/components/Molecules/Promo/Promo.js b/src/components/Molecules/Promo/Promo.js
@@ -42,8 +42,7 @@ const Promo = ({
     if (videoEl.current.duration) {
       // Calculate the percentage of the video played:
       const percentage = Math.round((videoEl.current.currentTime / videoEl.current.duration) * 100);
-      // setVideoProgress(percentage);
-
+      // Rounding
       const nearest = 1;
       const roundedPercentage = (percentage + nearest / 2) - ((percentage + nearest / 2) % nearest);
       setVideoProgress(roundedPercentage);

diff --git a/src/components/Molecules/Promo/Promo.md b/src/components/Molecules/Promo/Promo.md
@@ -156,10 +156,9 @@ Promo w/Video
 const defaultData = require('../../../styleguide/data/data').defaultData;import Text from '../../Atoms/Text/Text';
 import Link from '../../Atoms/Link/Link';
 import poster from '../../../styleguide/assets/VideoBannerPosterImage.png';
-const shortVideoSrc =
-  'https://videos.ctfassets.net/zsfivwzfgl3t/6E6MTXiKrqCNviLx6uW9L9/54554151bc846a9946c5cae17533ec64/6-second-video.mp4';
-const longVideoSrc =
-  'https://videos.ctfassets.net/zsfivwzfgl3t/5ZHe4jVngF1uAVeSXEQdNI/8ac0c9ab100e610adb8f3bff6a113e14/15-second-video.mp4';
+const src =
+  'https://www.comicrelief.com/sites/default/files/downloads/Creativists_Logo_Web_small_V2_0.mp4';
+
 
 <div>
 <Text tag="h2" size="xl" color="black">
@@ -174,7 +173,7 @@ const longVideoSrc =
   copyLeft={true}
   hasOverlay={true}
   position="upper"
-  video={shortVideoSrc}
+  video={src}
   poster={poster}
 >
   <Text
@@ -214,7 +213,7 @@ const longVideoSrc =
   copyLeft={true}
   hasOverlay={true}
   position="end"
-  video={shortVideoSrc}
+  video={src}
   autoPlay={false}
   poster={poster}
 >
@@ -255,7 +254,7 @@ const longVideoSrc =
   copyLeft={true}
   hasOverlay={true}
   position="lower"
-  video={shortVideoSrc}
+  video={src}
   poster={poster}
   autoPlay={false}
 >
@@ -294,7 +293,7 @@ const longVideoSrc =
   imageAltText=""
   copyLeft={false}
   hasOverlay={true}
-  video={shortVideoSrc}
+  video={src}
   loop={false}
   poster={poster}
   autoPlay={false}

diff --git a/src/components/Molecules/Promo/Promo.style.js b/src/components/Molecules/Promo/Promo.style.js
@@ -140,12 +140,6 @@ const PlayButtonWrapper = styled.div`
       // opacity: 1; // debug
     }
   }
-
-  // Reposition button accordingly:
-  // ${({ percentLeft }) => percentLeft && css`
-  //   top: ${percentLeft}px; // lol
-  // `}
-
 `;
 
 export {