wassname/talk
1
0
Fork 0
mirror of https://github.com/wassname/talk.git synced 2026-08-01 13:00:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

Icon List for Question Box

Browse Source
This commit is contained in:
Belen Curcio
2017-08-24 16:32:07 -03:00
parent 7991188f8d
commit 5cb71eaee8
13 changed files with 195 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/talk-plugin-questionbox/QuestionBox.js
+13 -6
View File
@@ -5,13 +5,20 @@ import {Icon} from 'coral-ui';
import Slot from 'coral-framework/components/Slot';
const QuestionBox = ({content, enable}) => (
const QuestionBox = ({content, enable, icon = ''}) => (
<div className={cn(styles.qbInfo, {[styles.hidden]: !enable}, 'questionbox-info')}>
<div className={cn(styles.qbBox, 'questionbox-box')}>
<Icon name="chat_bubble" className={cn(styles.iconBubble)} />
<Icon name="person" className={cn(styles.iconPerson)} />
</div>
{
icon === 'default' ? (
<div className={cn(styles.qbIconContainer)}>
<Icon name="chat_bubble" className={cn(styles.iconBubble)} />
<Icon name="person" className={cn(styles.iconPerson)} />
</div>
) : (
<div className={cn(styles.qbIconContainer)}>
<Icon name={icon} className={cn(styles.icon)} />
</div>
)
}
<div className={cn(styles.qbContent, 'questionbox-content')}>
{content}
</div>