From 78f30c2305af45de1c700c981f227d73971d938a Mon Sep 17 00:00:00 2001
From: AndyEPhipps <a.phipps@comicrelief.com>
Date: Tue, 3 Oct 2023 11:03:45 +0100
Subject: [PATCH] Tidyup

---
 .../Molecules/Promo/ProgressCircle.style.js    |  1 +
 src/components/Molecules/Promo/Promo.js        |  4 ++--
 src/components/Molecules/Promo/Promo.md        | 18 +++++++++++-------
 3 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/src/components/Molecules/Promo/ProgressCircle.style.js b/src/components/Molecules/Promo/ProgressCircle.style.js
index 1adbc5b2a..bdb33b616 100644
--- a/src/components/Molecules/Promo/ProgressCircle.style.js
+++ b/src/components/Molecules/Promo/ProgressCircle.style.js
@@ -7,6 +7,7 @@ const ProgressRingWrapper = styled.span`
 `;
 
 const ProgressRingSVG = styled.svg`
+  //
 `;
 
 const ProgressRingCircle = styled.circle`
diff --git a/src/components/Molecules/Promo/Promo.js b/src/components/Molecules/Promo/Promo.js
index 2b5f09b85..6a0e45cfb 100644
--- a/src/components/Molecules/Promo/Promo.js
+++ b/src/components/Molecules/Promo/Promo.js
@@ -142,8 +142,8 @@ Promo.defaultProps = {
   imageAltText: '',
   children: null,
   position: 'none',
-  autoPlay: false, // debug
-  loop: false, // DEBUG
+  autoPlay: true,
+  loop: true,
   video: false,
   showPosterAfterPlaying: true
 };
diff --git a/src/components/Molecules/Promo/Promo.md b/src/components/Molecules/Promo/Promo.md
index b6cc6c3ce..a544391ba 100644
--- a/src/components/Molecules/Promo/Promo.md
+++ b/src/components/Molecules/Promo/Promo.md
@@ -162,7 +162,7 @@ const src =
 
 <div>
 <Text tag="h2" size="xl" color="black">
-  Promo Upper w/Video (autoplay by default)
+  Promo Upper w/Video (autoplay and loop)
 </Text>
 <Promo
   backgroundColor="blue_dark"
@@ -175,6 +175,8 @@ const src =
   position="upper"
   video={src}
   poster={poster}
+  loop={true}
+  autoplay={true}
 >
   <Text
     tag="h1"
@@ -202,7 +204,7 @@ const src =
 <br />
 
 <Text tag="h2" size="xl" color="black">
-  Promo End w/Video (autoplay disabled)
+  Promo End w/Video (loop only)
 </Text>
 <Promo
   backgroundColor="blue_dark"
@@ -214,8 +216,9 @@ const src =
   hasOverlay={true}
   position="end"
   video={src}
-  autoPlay={false}
   poster={poster}
+  loop={true}
+  autoPlay={false}
 >
   <Text
     tag="h1"
@@ -243,7 +246,7 @@ const src =
 <br />
 
 <Text tag="h2" size="xl" color="black">
-  Promo Lower w/Video
+  Promo Lower w/Video (autoplay only)
 </Text>
 <Promo
   backgroundColor="blue_dark"
@@ -256,7 +259,8 @@ const src =
   position="lower"
   video={src}
   poster={poster}
-  autoPlay={false}
+  loop={false}
+  autoPlay={true}
 >
   <Text
     tag="h1"
@@ -283,7 +287,7 @@ const src =
 
 <br />
 <Text tag="h2" size="xl" color="black">
-  Promo None w/Video (no loop)
+  Promo None w/Video (no loop or autoplay)
 </Text>
 <Promo
   backgroundColor="blue_dark"
@@ -294,8 +298,8 @@ const src =
   copyLeft={false}
   hasOverlay={true}
   video={src}
-  loop={false}
   poster={poster}
+  loop={false}
   autoPlay={false}
 >
   <Text