Don’t apply `emoji-mart-no-results` class when using custom notFound component
parent
8e6d363d8b
commit
3dc3e2fd95
|
@ -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,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
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue