CodeCow/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-06-16 21:06:35 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix(client): badge title alignment and privacy settings message (#54779)

Browse Source
This commit is contained in:
Huyen Nguyen 2024-05-14 17:27:03 +07:00 committed by GitHub
parent 4f121e7796
commit ab4d41caac
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 3 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
client/i18n/locales/english/translations.json
View File

@ -293,7 +293,6 @@
}
},
"profile": {
"you-not-public": "You have not made your portfolio public.",
"username-not-public": "{{username}} has not made their portfolio public.",
"you-change-privacy": "You need to change your privacy setting in order for your portfolio to be seen by others. This is a preview of how your portfolio will look when made public.",
"username-change-privacy": "{{username}} needs to change their privacy setting in order for you to view their portfolio.",

2
client/src/components/profile/components/camper.tsx
View File

@ -60,7 +60,7 @@ function Camper({
</div>
{(isDonating || isTopContributor) && (
<FullWidthRow>
<h2 className='text-center'>{t('profile.badges')}</h2>
<h2>{t('profile.badges')}</h2>
<div className='badge-card-container'>
{isDonating && (
<div className='badge-card'>

5
client/src/components/profile/profile.tsx
View File

@ -3,7 +3,7 @@ import Helmet from 'react-helmet';
import type { TFunction } from 'i18next';
import { useTranslation } from 'react-i18next';
import { Container, Row } from '@freecodecamp/ui';
import { Alert, Container, Row } from '@freecodecamp/ui';
import { FullWidthRow, Link, Spacer } from '../helpers';
import { User } from './../../redux/prop-types';
import Timeline from './components/time-line';
@ -26,8 +26,7 @@ interface MessageProps {
const UserMessage = ({ t }: Pick<MessageProps, 't'>) => {
return (
<FullWidthRow>
<h2 className='text-center'>{t('profile.you-not-public')}</h2>
<p className='alert alert-info'>{t('profile.you-change-privacy')}</p>
<Alert variant='info'>{t('profile.you-change-privacy')}</Alert>
<Spacer size='medium' />
</FullWidthRow>
);