ui/js/component/fileCard/view.jsx

@@ -7,6 +7,14 @@ import FilePrice from "component/filePrice";
 import UriIndicator from "component/uriIndicator";
 
 class FileCard extends React.PureComponent {
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      hovered: false,
+    };
+  }
+
   componentWillMount() {
     this.resolve(this.props);
   }
@@ -89,8 +97,9 @@ class FileCard extends React.PureComponent {
               <TruncatedText lines={2}>{description}</TruncatedText>
             </div>
           </Link>
-          {obscureNsfw && this.state.hovered
-            ? <div className="card-overlay">
+          {obscureNsfw &&
+            this.state.hovered &&
+            <div className="card-overlay">
               <p>
                 {__(
                   "This content is Not Safe For Work. To view adult content, please change your"
@@ -102,8 +111,7 @@ class FileCard extends React.PureComponent {
                   label={__("Settings")}
                 />.
               </p>
-              </div>
-            : null}
+            </div>}
         </div>
       </section>
     );

ui/js/component/fileTile/view.jsx

@@ -124,8 +124,8 @@ class FileTile extends React.PureComponent {
             </div>
           </div>
         </Link>
-        {this.state.showNsfwHelp
-          ? <div className="card-overlay">
+        {this.state.showNsfwHelp &&
+          <div className="card-overlay">
             <p>
               {__(
                 "This content is Not Safe For Work. To view adult content, please change your"
@@ -137,8 +137,7 @@ class FileTile extends React.PureComponent {
                 label={__("Settings")}
               />.
             </p>
-            </div>
-          : null}
+          </div>}
       </section>
     );
   }