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

fix(client): show icons on coming soon chapters (#57612)

Browse Source
This commit is contained in:
Tom 2024-12-19 03:48:15 -06:00 committed by GitHub
parent 423db476de
commit 5583032ae4
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
client/src/templates/Introduction/components/super-block-accordion.tsx
View File

@ -130,7 +130,7 @@ const ComingSoon = ({ children }: { children: ReactNode }) => {
const { t } = useTranslation();
return (
<li className='coming-soon'>
<span className='badge'>{t('misc.coming-soon')}</span> {children}
{children} <span className='badge'>{t('misc.coming-soon')}</span>
</li>
);
};
@ -196,9 +196,17 @@ export const SuperBlockAccordion = ({
// show coming soon on production, and all the challenges in dev
if (chapter.comingSoon && !showUpcomingChanges) {
return (
<ComingSoon key={chapter.name}>
{t(`intro:full-stack-developer.chapters.${chapter.name}`)}
</ComingSoon>
<>
<ComingSoon key={chapter.name}>
{Object.values(FsdChapters).includes(chapter.name) && (
<ChapterIcon
className='map-icon'
chapter={chapter.name as FsdChapters}
/>
)}
{t(`intro:full-stack-developer.chapters.${chapter.name}`)}
</ComingSoon>
</>
);
}