From 1c19537883e172f917615f2092cf6da865d9c7bc Mon Sep 17 00:00:00 2001
From: Alex Liebowitz <alex@alexliebowitz.com>
Date: Fri, 20 Jan 2017 08:49:47 -0500
Subject: [PATCH] Clean up prop passing from FileTile to FileTileStream

---
 js/component/file-tile.js      | 5 ++---
 scss/component/_file-tile.scss | 4 ++++
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/js/component/file-tile.js b/js/component/file-tile.js
index 1c4f1873e..2349df364 100644
--- a/js/component/file-tile.js
+++ b/js/component/file-tile.js
@@ -129,7 +129,7 @@ export let FileTileStream = React.createClass({
 
     return (
       <section className={ 'file-tile card ' + (obscureNsfw ? 'card-obscured ' : '') } onMouseEnter={this.handleMouseOver} onMouseLeave={this.handleMouseOut}>
-        <div className="row-fluid card-content file-tile__row">
+        <div className={"row-fluid card-content file-tile__row"}>
           <div className="span3">
             <a href={'/?show=' + this.props.name}><Thumbnail className="file-tile__thumbnail" src={metadata.thumbnail} alt={'Photo for ' + (title || this.props.name)} /></a>
           </div>
@@ -201,7 +201,6 @@ export let FileTile = React.createClass({
       return null;
     }
 
-    return <FileTileStream name={this.props.name} available={this.props.available} sdHash={this.state.sdHash}
-                           metadata={this.state.metadata} />;
+    return <FileTileStream sdHash={this.state.sdHash} metadata={this.state.metadata} {... this.props} />;
   }
 });
\ No newline at end of file
diff --git a/scss/component/_file-tile.scss b/scss/component/_file-tile.scss
index 11a071232..74b06c461 100644
--- a/scss/component/_file-tile.scss
+++ b/scss/component/_file-tile.scss
@@ -4,6 +4,10 @@
   height: $spacing-vertical * 7;
 }
 
+.file-tile__row--unavailable {
+  opacity: 0.65;
+}
+
 .file-tile__thumbnail {
   max-width: 100%;
   max-height: $spacing-vertical * 7;