jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-05-07 15:03:20 -04:00
Code Issues Projects Releases Wiki Activity

fix(client): hide console on JS-only interactive examples (#64210)

Browse Source
This commit is contained in:
bengguankoay
2025-12-06 02:57:38 +08:00
committed by GitHub
parent 89a8bd2a8b
commit bcacf747ed
2 changed files with 70 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
client/src/templates/Challenges/components/interactive-editor.tsx
View File

@@ -44,7 +44,11 @@ const InteractiveEditor = ({ files }: Props) => {
return files.some(f => f.ext === ext);
}
const showConsole = got('js') || got('ts');
const hasHTML = got('html');
const hasJavaScript = got('js') || got('ts') || got('jsx') || got('tsx');
const showConsole = hasJavaScript && hasHTML;
const layout = hasHTML ? 'preview' : 'console';
const freeCodeCampDarkSyntax = {
...freeCodeCampDark.syntax,
punctuation: '#ffff00',
@@ -84,7 +88,7 @@ const InteractiveEditor = ({ files }: Props) => {
editorWidthPercentage: 60,
showConsole: showConsole,
showConsoleButton: showConsole,
layout: got('html') ? 'preview' : 'console',
layout: layout,
showLineNumbers: true
}}
/>