diff --git a/client/coral-admin/src/components/CountBadge.js b/client/coral-admin/src/components/CountBadge.js index c270817b9..24dff7c02 100644 --- a/client/coral-admin/src/components/CountBadge.js +++ b/client/coral-admin/src/components/CountBadge.js @@ -1,20 +1,13 @@ import React from 'react'; import PropTypes from 'prop-types'; import styles from './CountBadge.css'; - -import t from 'coral-framework/services/i18n'; +import { humanizeNumber } from 'coral-framework/helpers/numbers'; const CountBadge = ({ count }) => { let number = count; // shorten large counts to abbreviations - if (number / 1e9 > 1) { - number = `${(number / 1e9).toFixed(1)}${t('modqueue.billion')}`; - } else if (number / 1e6 > 1) { - number = `${(number / 1e6).toFixed(1)}${t('modqueue.million')}`; - } else if (number / 1e3 > 1) { - number = `${(number / 1e3).toFixed(1)}${t('modqueue.thousand')}`; - } + number = humanizeNumber(number); return {number}; }; diff --git a/client/coral-admin/src/components/UserDetail.js b/client/coral-admin/src/components/UserDetail.js index f0b4cda20..92157f4fd 100644 --- a/client/coral-admin/src/components/UserDetail.js +++ b/client/coral-admin/src/components/UserDetail.js @@ -31,6 +31,7 @@ import ActionsMenuItem from 'coral-admin/src/components/ActionsMenuItem'; import UserInfoTooltip from './UserInfoTooltip'; import KarmaTooltip from './KarmaTooltip'; import t from 'coral-framework/services/i18n'; +import { humanizeNumber } from 'coral-framework/helpers/numbers'; /** * getUserStatusArray @@ -324,7 +325,7 @@ class UserDetail extends React.Component { styles[getKarma(user.reliable.commenter)] )} > - {user.reliable.commenterKarma} + {humanizeNumber(user.reliable.commenterKarma)} diff --git a/client/coral-admin/src/routes/Configure/components/StreamSettings.js b/client/coral-admin/src/routes/Configure/components/StreamSettings.js index 1f661fd72..969155d48 100644 --- a/client/coral-admin/src/routes/Configure/components/StreamSettings.js +++ b/client/coral-admin/src/routes/Configure/components/StreamSettings.js @@ -3,7 +3,7 @@ import { SelectField, Option } from 'react-mdl-selectfield'; import t from 'coral-framework/services/i18n'; import styles from './StreamSettings.css'; import { Textfield } from 'react-mdl'; -import { Icon, TextArea } from 'coral-ui'; +import { Icon } from 'coral-ui'; import PropTypes from 'prop-types'; import Slot from 'coral-framework/components/Slot'; import MarkdownEditor from 'coral-framework/components/MarkdownEditor'; @@ -66,8 +66,8 @@ class StreamSettings extends React.Component { this.props.updatePending({ updater }); }; - updateClosedMessage = event => { - const updater = { closedMessage: { $set: event.target.value } }; + updateClosedMessage = value => { + const updater = { closedMessage: { $set: value } }; this.props.updatePending({ updater }); }; @@ -178,7 +178,7 @@ class StreamSettings extends React.Component { >

{t('configure.closed_comments_desc')}

-