Fix initial editor value bug

IEEE-PSH · Dec 5, 2024 · 4dd1e71 · 4dd1e71
1 parent 86bf22a
commit 4dd1e71
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/app/_components/challenges/challenge-content-info.tsx b/src/app/_components/challenges/challenge-content-info.tsx
@@ -61,11 +61,11 @@ export default function ChallengeContentInfo({
             </HoverCardContent>
           </HoverCard>
         </Label>
-        <pre className="text-wrap bg-background-variant font-mono">
+        <pre className="word-break whitespace-pre-line break-words bg-background-variant font-mono">
           {challengeData?.challenge_example_input}
         </pre>
         <Label>Output</Label>
-        <pre className="text-wrap bg-background-variant font-mono">
+        <pre className="word-break whitespace-pre-line break-words bg-background-variant font-mono">
           {challengeData?.challenge_example_output}
         </pre>
         <Label>Explanation</Label>

diff --git a/src/app/_components/challenges/challenge-content.tsx b/src/app/_components/challenges/challenge-content.tsx
@@ -141,7 +141,7 @@ export default function ChallengeContentPage({
                 />
               </ScrollArea>
             </ResizablePanel>
-            <ResizableHandle withHandle={windowWidth <= 768} />
+            <ResizableHandle />
             <ResizablePanel defaultSize={50} minSize={20}>
               <ResizablePanelGroup direction="vertical">
                 <ResizablePanel defaultSize={65} minSize={10}>

diff --git a/src/app/_components/challenges/challenge-editor.tsx b/src/app/_components/challenges/challenge-editor.tsx
@@ -55,7 +55,7 @@ export default function ChallengeEditorWrapper({
   }, [header, submission, setLanguage, language]);
 
   useEffect(() => {
-    setValue(value);
+    if (value.length > 0) setValue(value);
   }, []);
 
   return (