Merge pull request #1315 from daslyfe/jade/readableerror

daslyfe · web-flow · commit 6e29210bdc72 · 2025-04-05T15:12:05.000-04:00
enhancement: make error messages easier to read
diff --git a/website/src/repl/components/UserFacingErrorMessage.jsx b/website/src/repl/components/UserFacingErrorMessage.jsx
@@ -4,5 +4,9 @@ export default function UserFacingErrorMessage(Props) {
   if (error == null) {
     return;
   }
-  return <div className="text-red-500 p-4 bg-lineHighlight animate-pulse">{error.message || 'Unknown Error :-/'}</div>;
+  return (
+    <div className="text-background px-2 py-1 bg-foreground w-full ml-auto">
+      Error: {error.message || 'Unknown Error :-/'}
+    </div>
+  );
 }

Original file line number	Diff line number	Diff line change
`@@ -4,5 +4,9 @@ export default function UserFacingErrorMessage(Props) {`
`4`	`4`	`if (error == null) {`
`5`	`5`	`return;`
`6`	`6`	`}`
`7`		`- return <div className="text-red-500 p-4 bg-lineHighlight animate-pulse">{error.message \|\| 'Unknown Error :-/'}</div>;`
	`7`	`+ return (`
	`8`	`+ <div className="text-background px-2 py-1 bg-foreground w-full ml-auto">`
	`9`	`+ Error: {error.message \|\| 'Unknown Error :-/'}`
	`10`	`+ </div>`
	`11`	`+ );`
`8`	`12`	`}`