treehouse
/
emoji-mart-lazyload
17
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Don’t apply `emoji-mart-no-results` class when using custom notFound component

release
Etienne Lemay 2018-07-30 16:52:15 -04:00
parent 8e6d363d8b
commit 3dc3e2fd95
No known key found for this signature in database
GPG Key ID: EE7CF89146BB28E9
2 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/category.js
View File

@ -176,9 +176,7 @@ export default class Category extends React.Component {
return ( return (
<div <div
ref={this.setContainerRef} ref={this.setContainerRef}
className={`emoji-mart-category ${ className="emoji-mart-category"
emojis && !emojis.length ? 'emoji-mart-no-results' : ''
}`}
style={containerStyles} style={containerStyles}
> >
<div <div

6
src/components/not-found.js
View File

@ -6,8 +6,8 @@ export default class NotFound extends React.PureComponent {
render() { render() {
const { data, emojiProps, i18n, notFound } = this.props const { data, emojiProps, i18n, notFound } = this.props
const imageComponent = (notFound && notFound()) || ( const component = (notFound && notFound()) || (
<div> <div className="emoji-mart-no-results">
{NimbleEmoji({ {NimbleEmoji({
data: data, data: data,
...emojiProps, ...emojiProps,
@ -21,7 +21,7 @@ export default class NotFound extends React.PureComponent {
</div> </div>
) )
return <div className="emoji-mart-no-results">{imageComponent}</div> return component
} }
} }