From c0f6fb2f7c7410b560b4f6c50aa2281d3c432dac Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Wed, 8 Jun 2022 12:48:49 -0500
Subject: [PATCH] Fix video rows not scrolling

---
 src/components/video/row.astro | 15 +++------------
 1 file changed, 3 insertions(+), 12 deletions(-)

diff --git a/src/components/video/row.astro b/src/components/video/row.astro
index 59e8240..156d30d 100644
--- a/src/components/video/row.astro
+++ b/src/components/video/row.astro
@@ -56,21 +56,12 @@ const rowSelector = `#${ rowId }`
 
 </div>
 
-<script is:inline>
-    function scrollHorizontalCarousel ( event ) {
-        event.stopPropagation()
+<script>
+    import { scrollHorizontalCarousel } from '~/helpers/scroll.js'
 
-        // console.log('event.target', event.currentTarget)
-        // console.log('distance', event.currentTarget.getAttribute('distance'))
-
-        const distance = Number(event.currentTarget.getAttribute('distance'))
-        const scrollTarget = document.querySelector(event.currentTarget.getAttribute('scroll-target'))
-
-        scrollTarget.scrollBy({ left: distance, behavior: 'smooth' })
-    }
 
     // Add Click listeners to all buttons
-    Array.from( document.querySelectorAll(`button.scroll-button`) ).forEach( button => {
+    Array.from( document.querySelectorAll(`.video-row button.scroll-button`) ).forEach( button => {
         // console.log('button', button)
         button.addEventListener('click', scrollHorizontalCarousel)
     })