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

Use <div> instead of <span> w/ <br>

release
Etienne Lemay 2016-07-12 16:52:18 -04:00
parent 8e15417cc0
commit f843ad5776
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/preview.js
View File

@ -33,15 +33,17 @@ export default class Preview extends React.Component {
</div> </div>
<div className='emoji-picker-preview-data'> <div className='emoji-picker-preview-data'>
<span className='emoji-picker-preview-name'>{emoji.name}</span><br /> <div className='emoji-picker-preview-name'>{emoji.name}</div>
<span className='emoji-picker-preview-shortnames'> <div className='emoji-picker-preview-shortnames'>
{emoji.short_names.map((short_name) => {emoji.short_names.map((short_name) =>
<span key={short_name} className='emoji-picker-preview-shortname'>:{short_name}:</span> <span key={short_name} className='emoji-picker-preview-shortname'>:{short_name}:</span>
)}<br /> )}
</div>
<div className='emoji-picker-preview-emoticons'>
{listedEmoticons.map((emoticon) => {listedEmoticons.map((emoticon) =>
<span key={emoticon} className='emoji-picker-preview-emoticon'>{emoticon}</span> <span key={emoticon} className='emoji-picker-preview-emoticon'>{emoticon}</span>
)} )}
</span> </div>
</div> </div>
</div> </div>
} else { } else {