From dde2ba6a0ecb12e5fb89ba368383e7b4befe0001 Mon Sep 17 00:00:00 2001
From: Sam Lijin <sam@boundaryml.com>
Date: Fri, 21 Jun 2024 12:02:12 -0700
Subject: [PATCH] fix biome formatting

---
 typescript/biome.json                         |  2 +-
 .../baml_wasm_web/test_uis/test_result.tsx    | 65 ++++++++++---------
 2 files changed, 35 insertions(+), 32 deletions(-)

diff --git a/typescript/biome.json b/typescript/biome.json
index 1bf8f4362..992d831f3 100644
--- a/typescript/biome.json
+++ b/typescript/biome.json
@@ -16,7 +16,7 @@
       "quoteStyle": "single",
       "jsxQuoteStyle": "single",
       "semicolons": "asNeeded",
-      "trailingComma": "all"
+      "trailingCommas": "all"
     }
   },
   "json": {
diff --git a/typescript/playground-common/src/baml_wasm_web/test_uis/test_result.tsx b/typescript/playground-common/src/baml_wasm_web/test_uis/test_result.tsx
index b126a2197..dc33e8eef 100644
--- a/typescript/playground-common/src/baml_wasm_web/test_uis/test_result.tsx
+++ b/typescript/playground-common/src/baml_wasm_web/test_uis/test_result.tsx
@@ -42,38 +42,41 @@ const TestStatusMessage: React.FC<{ testStatus: DoneTestStatusType }> = ({ testS
   }
 }
 
-const TestStatusIcon: React.FC<{ testRunStatus: TestStatusType; testStatus?: DoneTestStatusType; traceUrl?: string }> =
-  ({ testRunStatus, testStatus, traceUrl }) => {
-    const testStatusIcon = (
-      <div className='text-vscode-descriptionForeground'>
+const TestStatusIcon: React.FC<{
+  testRunStatus: TestStatusType
+  testStatus?: DoneTestStatusType
+  traceUrl?: string
+}> = ({ testRunStatus, testStatus, traceUrl }) => {
+  const testStatusIcon = (
+    <div className='text-vscode-descriptionForeground'>
+      {
         {
-          {
-            queued: 'Queued',
-            running: <VSCodeProgressRing className='h-4' />,
-            done: (
-              <div className='flex flex-row items-center gap-1'>
-                {testStatus && <TestStatusMessage testStatus={testStatus} />}
-                {traceUrl && <Link2Icon className='hover:underline icon-link w-3 h-3 inline text-center' />}
-              </div>
-            ),
-            error: (
-              <div className='flex flex-row items-center gap-1'>
-                <div className='text-vscode-testing-iconFailed'>Unable to run</div>
-              </div>
-            ),
-          }[testRunStatus]
-        }
-      </div>
-    )
-
-    return traceUrl ? (
-      <a className='hover:underline' href={traceUrl}>
-        {testStatusIcon}
-      </a>
-    ) : (
-      testStatusIcon
-    )
-  }
+          queued: 'Queued',
+          running: <VSCodeProgressRing className='h-4' />,
+          done: (
+            <div className='flex flex-row items-center gap-1'>
+              {testStatus && <TestStatusMessage testStatus={testStatus} />}
+              {traceUrl && <Link2Icon className='hover:underline icon-link w-3 h-3 inline text-center' />}
+            </div>
+          ),
+          error: (
+            <div className='flex flex-row items-center gap-1'>
+              <div className='text-vscode-testing-iconFailed'>Unable to run</div>
+            </div>
+          ),
+        }[testRunStatus]
+      }
+    </div>
+  )
+
+  return traceUrl ? (
+    <a className='hover:underline' href={traceUrl}>
+      {testStatusIcon}
+    </a>
+  ) : (
+    testStatusIcon
+  )
+}
 
 type FilterValues = 'queued' | 'running' | 'error' | 'llm_failed' | 'parse_failed' | 'passed'
 const filterAtom = atom(new Set<FilterValues>(['running', 'error', 'llm_failed', 'parse_failed', 'passed']))