Show watched state on channel videos

api/channels.js

@@ -12,6 +12,13 @@ module.exports = [
 			const data = await fetchChannel(id, settings.instance)
 			const subscribed = user.isSubscribed(id)
 			const instanceOrigin = settings.instance
+			// apply watched status
+			const watchedVideos = user.getWatchedVideos()
+			if (data.latestVideos) {
+				data.latestVideos.forEach(video => {
+					video.watched = watchedVideos.includes(video.videoId)
+				})
+			}
 			return render(200, "pug/channel.pug", {data, subscribed, instanceOrigin})
 		}
 	}

sass/includes/subscriptions-page.sass

@@ -39,10 +39,3 @@
 
 #watched-videos-display:checked ~ .video-list-item--watched
   display: none
-
-.video-list-item--watched
-  background: c.$bg-darker
-  padding: 8px 8px 0px
-
-  .thumbnail .image
-    opacity: 0.4

sass/includes/video-list-item.sass

@@ -16,6 +16,17 @@
   align-content: start
   margin-bottom: 12px
 
+  @at-root .video-list-item--watched#{&}
+    background: c.$bg-darker
+    padding: 8px 8px 0px
+    margin: -8px -8px 12px
+
+    .thumbnail
+      margin-bottom: 8px
+
+    .image
+      opacity: 0.4
+
   .thumbnail
     position: relative
     display: flex