fix: replace username with name in base component and on welcome page (#1161)

* fix: replace username with fullName in base component and on welcome page
Description: Replace username with name in welcome page component
VAN-1824
This commit is contained in:
Blue
2024-02-14 12:12:43 +05:00
committed by GitHub
parent 1b5755664c
commit dc266a613e
6 changed files with 22 additions and 21 deletions

View File

@@ -7,7 +7,7 @@ import PropTypes from 'prop-types';
import messages from './messages';
const LargeLayout = ({ username }) => {
const LargeLayout = ({ fullName }) => {
const { formatMessage } = useIntl();
return (
@@ -20,7 +20,7 @@ const LargeLayout = ({ username }) => {
<div className="large-screen-left-container mr-n4.5 large-yellow-line mt-5" />
<div>
<h1 className="welcome-to-platform data-hj-suppress">
{formatMessage(messages['welcome.to.platform'], { siteName: getConfig().SITE_NAME, username })}
{formatMessage(messages['welcome.to.platform'], { siteName: getConfig().SITE_NAME, fullName })}
</h1>
<h2 className="complete-your-profile">
{formatMessage(messages['complete.your.profile.1'])}
@@ -43,7 +43,7 @@ const LargeLayout = ({ username }) => {
};
LargeLayout.propTypes = {
username: PropTypes.string.isRequired,
fullName: PropTypes.string.isRequired,
};
export default LargeLayout;

View File

@@ -7,7 +7,7 @@ import PropTypes from 'prop-types';
import messages from './messages';
const MediumLayout = ({ username }) => {
const MediumLayout = ({ fullName }) => {
const { formatMessage } = useIntl();
return (
@@ -22,7 +22,7 @@ const MediumLayout = ({ username }) => {
<div className="medium-yellow-line mt-5 mr-n2" />
<div>
<h1 className="h3 data-hj-suppress mw-320">
{formatMessage(messages['welcome.to.platform'], { siteName: getConfig().SITE_NAME, username })}
{formatMessage(messages['welcome.to.platform'], { siteName: getConfig().SITE_NAME, fullName })}
</h1>
<h2 className="display-1">
{formatMessage(messages['complete.your.profile.1'])}
@@ -46,7 +46,7 @@ const MediumLayout = ({ username }) => {
};
MediumLayout.propTypes = {
username: PropTypes.string.isRequired,
fullName: PropTypes.string.isRequired,
};
export default MediumLayout;

View File

@@ -7,7 +7,7 @@ import PropTypes from 'prop-types';
import messages from './messages';
const SmallLayout = ({ username }) => {
const SmallLayout = ({ fullName }) => {
const { formatMessage } = useIntl();
return (
@@ -20,7 +20,7 @@ const SmallLayout = ({ username }) => {
<div className="small-yellow-line mt-4.5" />
<div>
<h1 className="h5 data-hj-suppress">
{formatMessage(messages['welcome.to.platform'], { siteName: getConfig().SITE_NAME, username })}
{formatMessage(messages['welcome.to.platform'], { siteName: getConfig().SITE_NAME, fullName })}
</h1>
<h2 className="h1">
{formatMessage(messages['complete.your.profile.1'])}
@@ -35,7 +35,7 @@ const SmallLayout = ({ username }) => {
};
SmallLayout.propTypes = {
username: PropTypes.string.isRequired,
fullName: PropTypes.string.isRequired,
};
export default SmallLayout;

View File

@@ -3,7 +3,7 @@ import { defineMessages } from '@edx/frontend-platform/i18n';
const messages = defineMessages({
'welcome.to.platform': {
id: 'welcome.to.platform',
defaultMessage: 'Welcome to {siteName}, {username}!',
defaultMessage: 'Welcome to {siteName}, {fullName}!',
description: 'Welcome message that appears on progressive profile page',
},
'complete.your.profile.1': {