diff --git a/browser/components/NoteItem.js b/browser/components/NoteItem.js
index 168af1ff..b672bfcc 100644
--- a/browser/components/NoteItem.js
+++ b/browser/components/NoteItem.js
@@ -5,6 +5,7 @@ import PropTypes from 'prop-types'
import React from 'react'
import { isArray, sortBy } from 'lodash'
import invertColor from 'invert-color'
+import Emoji from 'react-emoji-render'
import CSSModules from 'browser/lib/CSSModules'
import { getTodoStatus } from 'browser/lib/getTodoStatus'
import styles from './NoteItem.styl'
@@ -87,7 +88,7 @@ const NoteItem = ({
: }
{note.title.trim().length > 0
- ? note.title
+ ?
: {i18n.__('Empty note')}}
diff --git a/package.json b/package.json
index c85bfaa0..fc269ba6 100644
--- a/package.json
+++ b/package.json
@@ -111,6 +111,7 @@
"react-composition-input": "^1.1.1",
"react-debounce-render": "^4.0.1",
"react-dom": "^16.8.6",
+ "react-emoji-render": "^1.1.0",
"react-image-carousel": "^2.0.18",
"react-redux": "^7.0.3",
"react-router-dom": "^5.0.0",
diff --git a/yarn.lock b/yarn.lock
index ab5441b3..77621a24 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2661,7 +2661,7 @@ d@1:
dependencies:
es5-ext "^0.10.9"
-"dagre-d3@github:dagrejs/dagre-d3":
+dagre-d3@dagrejs/dagre-d3:
version "0.6.4-pre"
resolved "https://codeload.github.com/dagrejs/dagre-d3/tar.gz/e1a00e5cb518f5d2304a35647e024f31d178e55b"
dependencies:
@@ -3142,6 +3142,11 @@ electron@4:
electron-download "^4.1.0"
extract-zip "^1.0.3"
+emoji-regex@^6.4.1:
+ version "6.5.1"
+ resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-6.5.1.tgz#9baea929b155565c11ea41c6626eaa65cef992c2"
+ integrity sha512-PAHp6TxrCy7MGMFidro8uikr+zlJJKJ/Q6mm2ExZ7HwkyR9lSVFfE3kt36qcwa24BQL7y0G9axycGjK1A/0uNQ==
+
emojis-list@^2.0.0:
version "2.1.0"
resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-2.1.0.tgz#4daa4d9db00f9819880c79fa457ae5b09a1fd389"
@@ -6045,7 +6050,7 @@ lodash.escaperegexp@^4.1.2:
version "4.1.2"
resolved "https://registry.yarnpkg.com/lodash.escaperegexp/-/lodash.escaperegexp-4.1.2.tgz#64762c48618082518ac3df4ccf5d5886dae20347"
-lodash.flatten@^4.2.0:
+lodash.flatten@^4.2.0, lodash.flatten@^4.4.0:
version "4.4.0"
resolved "https://registry.yarnpkg.com/lodash.flatten/-/lodash.flatten-4.4.0.tgz#f31c22225a9632d2bbf8e4addbef240aa765a61f"
@@ -7937,6 +7942,17 @@ react-dom@^16.8.6:
prop-types "^15.6.2"
scheduler "^0.13.6"
+react-emoji-render@^1.1.0:
+ version "1.1.0"
+ resolved "https://registry.yarnpkg.com/react-emoji-render/-/react-emoji-render-1.1.0.tgz#af494619bf1012083bc20ad18eb0a6d92d04228c"
+ integrity sha512-HIHIrtWd8Jel4qDgIBRQnPPFChJakuRkMFl5N5wObYjYsL7a4pkwK5P9wrEKxQWqlbviTrjGOANAfFldnVuRIQ==
+ dependencies:
+ classnames "^2.2.5"
+ emoji-regex "^6.4.1"
+ lodash.flatten "^4.4.0"
+ prop-types "^15.5.8"
+ string-replace-to-array "^1.0.1"
+
react-image-carousel@^2.0.18:
version "2.0.18"
resolved "https://registry.yarnpkg.com/react-image-carousel/-/react-image-carousel-2.0.18.tgz#5868ea09bd9cca09c4467d3d02695cd4e7792f28"
@@ -9137,6 +9153,15 @@ string-length@^2.0.0:
astral-regex "^1.0.0"
strip-ansi "^4.0.0"
+string-replace-to-array@^1.0.1:
+ version "1.0.3"
+ resolved "https://registry.yarnpkg.com/string-replace-to-array/-/string-replace-to-array-1.0.3.tgz#c93eba999a5ee24d731aebbaf5aba36b5f18f7bf"
+ integrity sha1-yT66mZpe4k1zGuu69auja18Y978=
+ dependencies:
+ invariant "^2.2.1"
+ lodash.flatten "^4.2.0"
+ lodash.isstring "^4.0.1"
+
string-width@^1.0.1, string-width@^1.0.2:
version "1.0.2"
resolved "https://registry.yarnpkg.com/string-width/-/string-width-1.0.2.tgz#118bdf5b8cdc51a2a7e70d211e07e2b0b9b107d3"