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

hide the tool panel

Browse Source
This commit is contained in:
Sboonny 2023-02-24 08:55:18 +00:00
parent d23e7b463d
commit 21499f840d
2 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
client/src/templates/Challenges/classic/mobile-layout.tsx
View File

@ -2,7 +2,7 @@ import { TabPane, Tabs } from '@freecodecamp/react-bootstrap';
import i18next from 'i18next';
import React, { Component, ReactElement } from 'react';
import ToolPanel from '../components/tool-panel';
// import ToolPanel from '../components/tool-panel';
import EditorTabs from './editor-tabs';
interface MobileLayoutProps {
@ -60,8 +60,8 @@ class MobileLayout extends Component<MobileLayoutProps, MobileLayoutState> {
hasPreview,
notes,
preview,
guideUrl,
videoUrl,
// guideUrl,
// videoUrl,
usesMultifileEditor
} = this.props;
@ -124,7 +124,7 @@ class MobileLayout extends Component<MobileLayoutProps, MobileLayoutState> {
{preview}
</TabPane>
)}
<ToolPanel guideUrl={guideUrl} isMobile={true} videoUrl={videoUrl} />
{/* <ToolPanel guideUrl={guideUrl} isMobile={true} videoUrl={videoUrl} /> */}
</Tabs>
</>
);

14
client/src/templates/Challenges/components/side-panel.tsx
View File

@ -6,7 +6,7 @@ import { Test } from '../../../redux/prop-types';
import { mathJaxScriptLoader } from '../../../utils/script-loaders';
import { challengeTestsSelector } from '../redux/selectors';
import TestSuite from './test-suite';
import ToolPanel from './tool-panel';
// import ToolPanel from './tool-panel';
import './side-panel.css';
@ -31,12 +31,12 @@ export function SidePanel({
block,
challengeDescription,
challengeTitle,
guideUrl,
// guideUrl,
instructionsPanelRef,
showToolPanel = false,
tests,
videoUrl
}: SidePanelProps): JSX.Element {
// showToolPanel = false,
tests
}: // videoUrl
SidePanelProps): JSX.Element {
useEffect(() => {
const MathJax = global.MathJax;
const mathJaxMountPoint = document.querySelector('#mathjax');
@ -78,7 +78,7 @@ export function SidePanel({
>
{challengeTitle}
{challengeDescription}
{showToolPanel && <ToolPanel guideUrl={guideUrl} videoUrl={videoUrl} />}
{/* {showToolPanel && <ToolPanel guideUrl={guideUrl} videoUrl={videoUrl} />} */}
<TestSuite tests={tests} />
</div>
);