fix(website): prevent playground formatted editor from being empty on…

… navigation
jhipster · Oct 29, 2024 · 384d5cf · 384d5cf
1 parent c463680
commit 384d5cf
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/website/src/components/CodeEditor/index.tsx b/website/src/components/CodeEditor/index.tsx
@@ -6,7 +6,6 @@ export default function CodeEditor(
   props: Readonly<{
     readOnly?: boolean;
     value?: string;
-    defaultValue?: string;
     onChange?: (value: string | undefined) => void;
   }>
 ) {
@@ -15,7 +14,6 @@ export default function CodeEditor(
   return (
     <div className={styles.editor}>
       <Editor
-        defaultValue={props.defaultValue}
         language="java"
         options={{ readOnly: props.readOnly }}
         theme={colorMode === "dark" ? "vs-dark" : "light"}

diff --git a/website/src/pages/playground/index.tsx b/website/src/pages/playground/index.tsx
@@ -146,7 +146,7 @@ function Inner() {
               }
             >
               {Object.values(TrailingComma).map(option => (
-                <option>{option}</option>
+                <option key={option}>{option}</option>
               ))}
             </select>
           </label>
@@ -164,8 +164,10 @@ function Inner() {
         </details>
       </div>
       <div className={styles.editors}>
-        <CodeEditor defaultValue={code} onChange={setCode} />
-        <CodeEditor readOnly value={formattedCode} />
+        <CodeEditor value={code} onChange={setCode} />
+        {isFirstRun.current ? null : (
+          <CodeEditor readOnly value={formattedCode} />
+        )}
       </div>
     </div>
   );