diff --git a/app/soapbox/features/ui/components/profile_info_panel.js b/app/soapbox/features/ui/components/profile_info_panel.js
index dee534127..64e25ad4c 100644
--- a/app/soapbox/features/ui/components/profile_info_panel.js
+++ b/app/soapbox/features/ui/components/profile_info_panel.js
@@ -15,6 +15,7 @@ import { getAcct, isAdmin, isModerator, isLocal } from 'soapbox/utils/accounts';
import { displayFqn } from 'soapbox/utils/state';
import classNames from 'classnames';
import { CryptoAddress } from 'soapbox/features/ui/util/async-components';
+import ProfileStats from './profile_stats';
const TICKER_REGEX = /\$([a-zA-Z]*)/i;
@@ -143,6 +144,8 @@ class ProfileInfoPanel extends ImmutablePureComponent {
/>
}
+
+
{(fields.size > 0 || identity_proofs.size > 0) && (
{identity_proofs.map((proof, i) => (
diff --git a/app/soapbox/features/ui/components/profile_stats.js b/app/soapbox/features/ui/components/profile_stats.js
new file mode 100644
index 000000000..2533c581d
--- /dev/null
+++ b/app/soapbox/features/ui/components/profile_stats.js
@@ -0,0 +1,45 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import { NavLink } from 'react-router-dom';
+import { shortNumberFormat } from 'soapbox/utils/numbers';
+import { injectIntl, defineMessages } from 'react-intl';
+
+const messages = defineMessages({
+ followers: { id: 'account.followers', defaultMessage: 'Followers' },
+ follows: { id: 'account.follows', defaultMessage: 'Follows' },
+});
+
+export default @injectIntl
+class ProfileStats extends React.PureComponent {
+
+ static propTypes = {
+ intl: PropTypes.object.isRequired,
+ account: ImmutablePropTypes.map.isRequired,
+ }
+
+ render() {
+ const { intl } = this.props;
+ const { account } = this.props;
+
+ if (!account) {
+ return null;
+ }
+
+ const acct = account.get('acct');
+
+ return (
+
+
+ {shortNumberFormat(account.get('followers_count'))}
+ {intl.formatMessage(messages.followers)}
+
+
+ {shortNumberFormat(account.get('following_count'))}
+ {intl.formatMessage(messages.follows)}
+
+
+ );
+ }
+
+}