3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-04-28 17:57:48 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix header

Browse source
This commit is contained in:
sebastien 2025-04-10 13:49:55 +02:00
parent 17a586c28d
commit 32f0a31b11
1 changed files with 18 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
packages/docusaurus-theme-live-codeblock/src/theme/Playground/Editor/index.tsx
View file

@ -8,16 +8,28 @@
import React, {type ReactNode} from 'react'; import React, {type ReactNode} from 'react';
import {LiveEditor} from 'react-live'; import {LiveEditor} from 'react-live';
import useIsBrowser from '@docusaurus/useIsBrowser'; import useIsBrowser from '@docusaurus/useIsBrowser';
import Translate from '@docusaurus/Translate';
import PlaygroundHeader from '@theme/Playground/Header';
import styles from './styles.module.css'; import styles from './styles.module.css';
export default function PlaygroundEditor(): ReactNode { export default function PlaygroundEditor(): ReactNode {
const isBrowser = useIsBrowser(); const isBrowser = useIsBrowser();
return ( return (
<LiveEditor <>
// We force remount the editor on hydration, <PlaygroundHeader>
// otherwise dark prism theme is not applied <Translate
key={String(isBrowser)} id="theme.Playground.liveEditor"
className={styles.playgroundEditor} description="The live editor label of the live codeblocks">
/> Live Editor
</Translate>
</PlaygroundHeader>
<LiveEditor
// We force remount the editor on hydration,
// otherwise dark prism theme is not applied
key={String(isBrowser)}
className={styles.playgroundEditor}
/>
</>
); );
} }