From 064b85d0eeb25c3fb82b327095bdf82f97f8e9e9 Mon Sep 17 00:00:00 2001
From: Nathan Mascitelli <mascitelli.nathan@gmail.com>
Date: Wed, 28 Apr 2021 20:37:37 -0400
Subject: [PATCH] Set correct data-monitor based on type

---
 src/components/homesections/homesections.js | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/homesections/homesections.js b/src/components/homesections/homesections.js
index b2edfc713..bc31d6049 100644
--- a/src/components/homesections/homesections.js
+++ b/src/components/homesections/homesections.js
@@ -372,12 +372,20 @@ import ServerConnections from '../ServerConnections';
     function loadResume(elem, apiClient, headerText, mediaType) {
         let html = '';
 
+        let dataMonitor = 'data-monitor="';
+        if (mediaType == 'Video') {
+            dataMonitor += 'videoplayback,'
+        } else if (mediaType == 'Audio') {
+            dataMonitor += 'audioplayback,'
+        }
+        dataMonitor += 'markplayed">';
+
         html += '<h2 class="sectionTitle sectionTitle-cards padded-left">' + globalize.translate(headerText) + '</h2>';
         if (enableScrollX()) {
             html += '<div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale" data-centerfocus="true">';
-            html += '<div is="emby-itemscontainer" class="itemsContainer scrollSlider focuscontainer-x" data-monitor="videoplayback,markplayed">';
+            html += '<div is="emby-itemscontainer" class="itemsContainer scrollSlider focuscontainer-x" ' + dataMonitor;
         } else {
-            html += '<div is="emby-itemscontainer" class="itemsContainer padded-left padded-right vertical-wrap focuscontainer-x" data-monitor="videoplayback,markplayed">';
+            html += '<div is="emby-itemscontainer" class="itemsContainer padded-left padded-right vertical-wrap focuscontainer-x" '+ dataMonitor;
         }
 
         if (enableScrollX()) {