fix quiet compare

mcnuttandrew · Sep 28, 2023 · c2d5022 · c2d5022
1 parent e58b0f0
commit c2d5022
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/sites/docs/src/examples/QuietModeCompare.tsx b/sites/docs/src/examples/QuietModeCompare.tsx
@@ -45,7 +45,9 @@ function QuietModeCompare() {
       >
         <h1>Prong</h1>
         <h3>Lines of code {examples.us.split("\n").length}</h3>
-        <QuietModeUs code={code} onChange={setCode} />
+        <div style={{ height: "500px" }}>
+          <QuietModeUs code={code} onChange={setCode} />
+        </div>
         <h3>Raw</h3>
         <div
           style={{
@@ -66,7 +68,9 @@ function QuietModeCompare() {
       >
         <h1>Vanilla Code Mirror</h1>
         <h3>Lines of code {examples.codeMirror.split("\n").length}</h3>
-        <QuietModeCodeMirror code={code} onChange={setCode} />
+        <div style={{ height: "500px" }}>
+          <QuietModeCodeMirror code={code} onChange={setCode} />
+        </div>
         <h3>Raw</h3>
         <div
           style={{

diff --git a/sites/docs/src/examples/QuietModeUs.tsx b/sites/docs/src/examples/QuietModeUs.tsx
@@ -31,11 +31,7 @@ const QuietModeUs = (props: {
           query: nodeTypes,
         },
         projection: (props) => (
-          <div
-            style={{
-              color: coloring[props.node.type.name] || "black",
-            }}
-          >
+          <div style={{color: coloring[props.node.type.name] || "black"}}>
             {trim(props.currentValue).length ? trim(props.currentValue) : '""'}
           </div>
         ),

diff --git a/sites/docs/src/examples/TraceryExample.tsx b/sites/docs/src/examples/TraceryExample.tsx
@@ -131,7 +131,7 @@ function TraceryCascadeVis(props: {
         onClick(node);
       }}
     >
-      <span>{`${node.childRule}->`}</span>
+      <span>{node.childRule ? `${node.raw}→` : ""}</span>
       {<div>{node.finishedText}</div>}
       {children.length ? (
         <div className="flex">