bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'next-conditional-profile' into 'next'

Browse source 
Next: EditProfile: conditional features

See merge request soapbox-pub/soapbox-fe!1232
This commit is contained in:
Alex Gleason 2022-04-17 02:31:28 +00:00
commit 9f962ccec3
2 changed files with 38 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

65
app/soapbox/features/edit_profile/index.js
View file

@ -56,12 +56,13 @@ const makeMapStateToProps = () => {
const me = state.get('me');
const account = getAccount(state, me);
const soapbox = getSoapboxConfig(state);
const features = getFeatures(state.instance);
return {
account,
features,
maxFields: state.getIn(['instance', 'pleroma', 'metadata', 'fields_limits', 'max_fields'], 4),
verifiedCanEditName: soapbox.get('verifiedCanEditName'),
supportsEmailList: getFeatures(state.get('instance')).emailList,
};
};
@ -242,7 +243,7 @@ class EditProfile extends ImmutablePureComponent {
}
render() {
const { intl, account, verifiedCanEditName, supportsEmailList /* maxFields */ } = this.props;
const { intl, account, verifiedCanEditName, features /* maxFields */ } = this.props;
const verified = account.get('verified');
const canEditName = verifiedCanEditName || !verified;
@ -262,27 +263,31 @@ class EditProfile extends ImmutablePureComponent {
/>
</FormGroup>
<FormGroup
labelText={<FormattedMessage id='edit_profile.fields.location_label' defaultMessage='Location' />}
>
<Input
name='location'
value={this.state.location}
onChange={this.handleTextChange}
placeholder={intl.formatMessage(messages.locationPlaceholder)}
/>
</FormGroup>
{features.accountLocation && (
<FormGroup
labelText={<FormattedMessage id='edit_profile.fields.location_label' defaultMessage='Location' />}
>
<Input
name='location'
value={this.state.location}
onChange={this.handleTextChange}
placeholder={intl.formatMessage(messages.locationPlaceholder)}
/>
</FormGroup>
)}
<FormGroup
labelText={<FormattedMessage id='edit_profile.fields.website_label' defaultMessage='Website' />}
>
<Input
name='website'
value={this.state.website}
onChange={this.handleTextChange}
placeholder={intl.formatMessage(messages.websitePlaceholder)}
/>
</FormGroup>
{features.accountWebsite && (
<FormGroup
labelText={<FormattedMessage id='edit_profile.fields.website_label' defaultMessage='Website' />}
>
<Input
name='website'
value={this.state.website}
onChange={this.handleTextChange}
placeholder={intl.formatMessage(messages.websitePlaceholder)}
/>
</FormGroup>
)}
<FormGroup
labelText={<FormattedMessage id='edit_profile.fields.bio_label' defaultMessage='Bio' />}
@ -351,13 +356,15 @@ class EditProfile extends ImmutablePureComponent {
checked={this.state.discoverable}
onChange={this.handleCheckboxChange}
/>*/}
{supportsEmailList && <Checkbox
label={<FormattedMessage id='edit_profile.fields.accepts_email_list_label' defaultMessage='Subscribe to newsletter' />}
hint={<FormattedMessage id='edit_profile.hints.accepts_email_list' defaultMessage='Opt-in to news and marketing updates.' />}
name='accepts_email_list'
checked={this.state.accepts_email_list}
onChange={this.handleCheckboxChange}
/>}
{features.emailList && (
<Checkbox
label={<FormattedMessage id='edit_profile.fields.accepts_email_list_label' defaultMessage='Subscribe to newsletter' />}
hint={<FormattedMessage id='edit_profile.hints.accepts_email_list' defaultMessage='Opt-in to news and marketing updates.' />}
name='accepts_email_list'
checked={this.state.accepts_email_list}
onChange={this.handleCheckboxChange}
/>
)}
{/* </FieldsGroup> */}
{/*<FieldsGroup>
<div className='fields-row__column fields-group'>

2
app/soapbox/utils/features.ts
View file

@ -142,6 +142,8 @@ const getInstanceFeatures = (instance: Instance) => {
trendingTruths: v.software === TRUTHSOCIAL,
trendingStatuses: v.software === MASTODON && gte(v.compatVersion, '3.5.0'),
pepe: v.software === TRUTHSOCIAL,
accountLocation: v.software === TRUTHSOCIAL,
accountWebsite: v.software === TRUTHSOCIAL,
// FIXME: long-term this shouldn't be a feature,
// but for now we want it to be overrideable in the build