It uses Button instead of FabButton from coral-ui.

This commit is contained in:
gaba
2017-03-21 10:36:21 -07:00
parent 9bfc4b5815
commit a09d41053f
2 changed files with 12 additions and 15 deletions
@@ -1,7 +1,7 @@
import React from 'react';
import styles from '../Community.css';
import BanUserButton from '../../../components/BanUserButton';
import {FabButton} from 'coral-ui';
import {Button} from 'coral-ui';
import {menuActionsMap} from '../../../containers/ModerationQueue/helpers/moderationQueueActionsMap';
const ActionButton = ({type = '', user, ...props}) => {
@@ -10,14 +10,14 @@ const ActionButton = ({type = '', user, ...props}) => {
}
return (
<FabButton
<Button
className={`${type.toLowerCase()} ${styles.actionButton}`}
cStyle={type.toLowerCase()}
icon={menuActionsMap[type].icon}
onClick={() => {
type === 'APPROVE' ? props.approveUser({userId: user.id}) : props.showSuspendUserDialog({user: user});
}}
/>
>{menuActionsMap[type].text}</Button>
);
};
@@ -71,18 +71,15 @@ const User = props => {
</div>
<div className={styles.sideActions}>
<div className={`actions ${styles.actions}`}>
{modActionButtons.map(
(action, i) => {
return <ActionButton
type={action.toUpperCase()}
key={i}
user={user}
approveUser={props.approveUser}
suspendUser={props.suspendUser}
showSuspendUserDialog={props.showSuspendUserDialog}
/>;
}
)}
{modActionButtons.map((action, i) =>
<ActionButton key={i}
type={action.toUpperCase()}
user={user}
approveUser={props.approveUser}
suspendUser={props.suspendUser}
showSuspendUserDialog={props.showSuspendUserDialog}
/>
)}
</div>
</div>
</div>