fix(shared-video-splash): move styled-component outside of render

telus · Jan 29, 2021 · 2abbe00 · 2abbe00
1 parent 7e200d6
commit 2abbe00
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/shared/components/VideoSplash/BigVideoButton/BigVideoButton.jsx b/shared/components/VideoSplash/BigVideoButton/BigVideoButton.jsx
@@ -79,9 +79,9 @@ const LittleWatchTextContainer = styled.span({
   ...media.from('md').css({ display: 'none' }),
 })
 
-const BigVideoButton = ({ icon, label, videoLength, ...rest }) => {
-  const IconAdjust = styled.span({ paddingTop: 2 })
+const IconAdjust = styled.span({ paddingTop: 2 })
 
+const BigVideoButton = ({ icon, label, videoLength, ...rest }) => {
   const timestamp = getTimestamp(videoLength)
 
   // TODO: After Box moves to Styled Components, use one Box with the between prop for spacing