matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

acctFull --> getAcct throughout the UI, make it stateful

Browse Source
This commit is contained in:
Alex Gleason
2021-04-10 14:13:07 -05:00
parent 4b5d22f172
commit e03f551676
10 changed files with 73 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/soapbox/features/edit_profile/components/profile_preview.js
View File

@ -1,11 +1,18 @@
import React from 'react';
import { connect } from 'react-redux';
import PropTypes from 'prop-types';
import ImmutablePropTypes from 'react-immutable-proptypes';
import { acctFull } from 'soapbox/utils/accounts';
import { getAcct } from 'soapbox/utils/accounts';
import StillImage from 'soapbox/components/still_image';
import VerificationBadge from 'soapbox/components/verification_badge';
import { List as ImmutableList } from 'immutable';
import { displayFqn } from 'soapbox/utils/state';
const ProfilePreview = ({ account }) => (
const mapStateToProps = state => ({
displayFqn: displayFqn(state),
});
const ProfilePreview = ({ account, displayFqn }) => (
<div className='card h-card'>
<a target='_blank' rel='noopener' href={account.get('url')}>
<div className='card__img'>
@ -23,7 +30,7 @@ const ProfilePreview = ({ account }) => (
{account.getIn(['pleroma', 'tags'], ImmutableList()).includes('verified') && <VerificationBadge />}
</strong>
</bdi>
<span>{acctFull(account)}</span>
<span>@{getAcct(account, displayFqn)}</span>
</div>
</div>
</a>
@ -32,6 +39,7 @@ const ProfilePreview = ({ account }) => (
ProfilePreview.propTypes = {
account: ImmutablePropTypes.map,
displayFqn: PropTypes.bool,
};
export default ProfilePreview;
export default connect(mapStateToProps)(ProfilePreview);