4.0.0-rc4.1

* Changed: Update the dark theme with changes from Twitch's CSS.
* Fixed: Hide the empty spaces in the directory from where we have hidden reruns.

changelog.html

@@ -1,3 +1,9 @@
+<div class="list-header">4.0.0-rc4.1<span>@3f78ab6b5e2898f3756f</span> <time datetime="2018-07-04">(2018-07-04)</time></div>
+<ul class="chat-menu-content menu-side-padding">
+	<li>Changed: Update the dark theme.</li>
+	<li>Fixed: Hide the empty spaces when hiding reruns in the directory.</li>
+</ul>
+
 <div class="list-header">4.0.0-rc4<span>@012130d37baabae67622</span> <time datetime="2018-07-03">(2018-07-03)</time></div>
 <ul class="chat-menu-content menu-side-padding">
 	<li>Added: Smooth Scrolling for Chat. (Thanks neuspadrin on GitHub!)</li>

src/main.js

@@ -100,7 +100,7 @@ class FrankerFaceZ extends Module {
 FrankerFaceZ.Logger = Logger;
 
 const VER = FrankerFaceZ.version_info = {
-	major: 4, minor: 0, revision: 0, extra: '-rc4',
+	major: 4, minor: 0, revision: 0, extra: '-rc4.1',
 	build: __webpack_hash__,
 	toString: () =>
 		`${VER.major}.${VER.minor}.${VER.revision}${VER.extra || ''}${DEBUG ? '-dev' : ''}`

src/sites/twitch-twilight/modules/directory/index.jsx

@@ -119,7 +119,12 @@ export default class Directory extends SiteModule {
 				component: 'setting-check-box'
 			},
 
-			changed: () => this.DirectoryCard.forceUpdate()
+			changed: () => {
+				//this.DirectoryCard.forceUpdate();
+
+				for(const inst of this.DirectoryCard.instances)
+					this.updateCard(inst);
+			}
 		});
 
 
@@ -139,16 +144,16 @@ export default class Directory extends SiteModule {
 		const createElement = React && React.createElement;
 
 		this.DirectoryCard.ready(cls => {
-			const old_render = cls.prototype.render,
-				old_render_iconic = cls.prototype.renderIconicImage,
+			//const old_render = cls.prototype.render,
+			const old_render_iconic = cls.prototype.renderIconicImage,
 				old_render_titles = cls.prototype.renderTitles;
 
-			cls.prototype.render = function() {
+			/*cls.prototype.render = function() {
 				if ( get('props.streamType', this) === 'rerun' && t.settings.get('directory.hide-vodcasts') )
 					return null;
 
 				return old_render.call(this);
-			}
+			}*/
 
 			cls.prototype.renderIconicImage = function() {
 				if ( this.props.context !== CARD_CONTEXTS.SingleChannelList &&
@@ -237,6 +242,20 @@ export default class Directory extends SiteModule {
 
 		container.classList.toggle('ffz-hide-thumbnail', this.settings.provider.get('directory.game.hidden-thumbnails', []).includes(game));
 
+		const should_hide = (props.streamType === 'rerun' && this.settings.get('directory.hide-vodcasts')) ||
+			(props.context !== CARD_CONTEXTS.SingleGameList && this.settings.provider.get('directory.game.blocked-games', []).includes(game));
+
+		let hide_container = container.closest('.stream-thumbnail,[style*="order:"]');
+
+		if ( ! hide_container )
+			hide_container = container.closest('.tw-mg-b-2');
+
+		if ( ! hide_container )
+			hide_container = container;
+
+		if ( hide_container.querySelectorAll('.preview-card').length < 2 )
+			hide_container.classList.toggle('tw-hide', should_hide);
+
 		//this.log.info('Card Update', inst.props.channelDisplayName, is_video ? 'Video' : 'Live', is_host ? 'Host' : 'Not-Host', inst);
 
 		this.updateUptime(inst, 'props.currentViewerCount.createdAt');