File tile error #272

Merged
6ea86b96 merged 2 commits from file-tile-error into master 2017-06-22 18:00:39 +02:00
2 changed files with 37 additions and 30 deletions

View file

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

View file

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