>{img}</a>
:
img
}</div>
);
}
Avatar.propTypes = {
t: PropTypes.func.isRequired,
user: PropTypes.object.isRequired,
size: PropTypes.number,
source: PropTypes.string,
link: PropTypes.bool
};
export default withTranslation('user')(Avatar);
/**
* Generate avatar url from facebook
* @link https://developers.facebook.com/docs/graph-api/reference/user/picture/
* @param {object} user - user object
* @param {string} user.additionalProvidersData.facebook.id - user's facebook id
* @param {number} size - size of the image
* @returns {string} - the url
*/
function facebookAvatarUrl(user, size) {
const isValid = has(user, 'additionalProvidersData.facebook.id');
return isValid && `https://graph.facebook.com/${user.additionalProvidersData.facebook.id}/picture/?width=${size}&height=${size}`;
}
<label className="col-sm-3 text-right control-label">{t('Change language')}</label>
<div className="col-sm-9">
<div className="form-group">
<div className="col-sm-9 col-md-7 col-lg-6">
<LanguageSwitch
presentation="select"
saveToAPI={true}
/>
</div>
</div>
<p className="help-block"><small>{t('This is the language of the interface you see across the site.')}</small></p>
<p className="help-block"><small>{t('Thanks to all our community members who helped translate!')} <a href="/volunteering">{t('You can help us out!')}</a></small></p>
</div>
</div>
</div>
</form>
</div>
</div>
);
}
InterfaceLanguagePanel.propTypes = {
t: PropTypes.func.isRequired
};
export default withTranslation('user')(InterfaceLanguagePanel);
{/* birthdate and gender */}
{(profile.birthdate || profile.gender) && renderBirthdateAndGender(profile.birthdate, profile.gender)}
{/* member since */}
{renderMemberSince(profile.created)}
{/* seen online */}
{renderSeenOnline(profile.seen)}
{/* location living */}
{ profile.locationLiving && renderLocationLiving(profile.locationLiving) }
{/* location from */}
{profile.locationFrom && renderLocationFrom(profile.locationFrom)}
{/* languages */}
{profile.languages.length > 0 && renderLanguages(profile.languages)}
{/* social networks */}
{ (hasConnectedAdditionalSocialAccounts(profile) || profile.extSitesBW || profile.extSitesCS || profile.extSitesWS) &&
renderSocialNetworks(profile)
}
</div>);
};
ProfileViewBasics.propTypes = {
profile: PropTypes.object,
t: PropTypes.func
};
export default withTranslation(['user-profile', 'languages'])(ProfileViewBasics);