From c2d5022f89d4aa81cd84d7497821c0171e0c4a31 Mon Sep 17 00:00:00 2001
From: Andrew Michael McNutt <mcnutt.andrew@gmail.com>
Date: Thu, 28 Sep 2023 13:15:41 -0700
Subject: [PATCH] fix quiet compare

---
 sites/docs/src/examples/QuietModeCompare.tsx | 8 ++++++--
 sites/docs/src/examples/QuietModeUs.tsx      | 6 +-----
 sites/docs/src/examples/TraceryExample.tsx   | 2 +-
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/sites/docs/src/examples/QuietModeCompare.tsx b/sites/docs/src/examples/QuietModeCompare.tsx
index c51926a..f0a255e 100644
--- 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
index 8adfced..71411e5 100644
--- 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
index 4a75922..edc465d 100644
--- 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">