From 2bb2fd5d984aea401bfa2156a91052ee0f418a83 Mon Sep 17 00:00:00 2001
From: Sergey Kozyrenko <sirozha_blr@tut.by>
Date: Sat, 23 May 2026 08:47:34 +0700
Subject: [PATCH] style(frontend): apply prettier formatting on filter test
 files
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Run `pnpm prettier:fix` brought three files into compliance:
- data-table.test.tsx — new race-scenario suite added in the previous
  commit; prettier preferred a slightly different multi-line shape for a
  couple of `render(<FilterHost />)` calls.
- input-search.test.tsx — new file in the previous commit; same minor
  multi-line reshaping for `render(<SearchHost />)`.
- settings-api-tokens.tsx — pre-existing single-line nested ternary that
  predates this branch, now collapsed to one line per prettier.

No behavior change. Format-only.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 .../src/components/ui/data-table.test.tsx     | 16 ++++++++--
 .../src/components/ui/input-search.test.tsx   | 32 ++++++++++++++++---
 .../pages/settings/settings-api-tokens.tsx    |  4 +--
 3 files changed, 43 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/ui/data-table.test.tsx b/frontend/src/components/ui/data-table.test.tsx
index 8392e1c0..2b82bc5d 100644
--- a/frontend/src/components/ui/data-table.test.tsx
+++ b/frontend/src/components/ui/data-table.test.tsx
@@ -282,7 +282,13 @@ describe('DataTable — controlled filter projection', () => {
         const emitted: string[] = [];
         const user = userEvent.setup();
 
-        render(<FilterHost emitted={emitted} initialValue="seed" />, { wrapper: Wrapper });
+        render(
+            <FilterHost
+                emitted={emitted}
+                initialValue="seed"
+            />,
+            { wrapper: Wrapper },
+        );
 
         const input = screen.getByPlaceholderText('Filter...');
         // Clear what's in the input and type the same string fresh.
@@ -300,7 +306,13 @@ describe('DataTable — controlled filter projection', () => {
         // be populated, and the trailing X should be available right away.
         const emitted: string[] = [];
 
-        render(<FilterHost emitted={emitted} initialValue="alpha" />, { wrapper: Wrapper });
+        render(
+            <FilterHost
+                emitted={emitted}
+                initialValue="alpha"
+            />,
+            { wrapper: Wrapper },
+        );
 
         const input = screen.getByPlaceholderText('Filter...') as HTMLInputElement;
         expect(input.value).toBe('alpha');
diff --git a/frontend/src/components/ui/input-search.test.tsx b/frontend/src/components/ui/input-search.test.tsx
index 5d4dc87e..b10aa96d 100644
--- a/frontend/src/components/ui/input-search.test.tsx
+++ b/frontend/src/components/ui/input-search.test.tsx
@@ -77,7 +77,13 @@ describe('InputSearch — collapsed/expanded presentation', () => {
     });
 
     it('mounts expanded (trigger absent, input populated) when deep-linked', () => {
-        render(<SearchHost emitted={[]} initialQuery="jwt" />, { wrapper: Wrapper });
+        render(
+            <SearchHost
+                emitted={[]}
+                initialQuery="jwt"
+            />,
+            { wrapper: Wrapper },
+        );
         expect(queryTrigger()).not.toBeInTheDocument();
         expect(getInput().value).toBe('jwt');
     });
@@ -98,7 +104,13 @@ describe('InputSearch — typing and outbound emit', () => {
         const emitted: string[] = [];
         const user = userEvent.setup();
 
-        render(<SearchHost emitted={emitted} initialQuery="x" />, { wrapper: Wrapper });
+        render(
+            <SearchHost
+                emitted={emitted}
+                initialQuery="x"
+            />,
+            { wrapper: Wrapper },
+        );
 
         await user.clear(getInput());
         await sleep(PAST_DEBOUNCE_MS);
@@ -130,7 +142,13 @@ describe('InputSearch — Escape semantics', () => {
         const emitted: string[] = [];
         const user = userEvent.setup();
 
-        render(<SearchHost emitted={emitted} initialQuery="jwt" />, { wrapper: Wrapper });
+        render(
+            <SearchHost
+                emitted={emitted}
+                initialQuery="jwt"
+            />,
+            { wrapper: Wrapper },
+        );
         const input = getInput();
         input.focus();
 
@@ -147,7 +165,13 @@ describe('InputSearch — Escape semantics', () => {
         const emitted: string[] = [];
         const user = userEvent.setup();
 
-        render(<SearchHost emitted={emitted} initialQuery="jwt" />, { wrapper: Wrapper });
+        render(
+            <SearchHost
+                emitted={emitted}
+                initialQuery="jwt"
+            />,
+            { wrapper: Wrapper },
+        );
         const input = getInput();
         input.focus();
 
diff --git a/frontend/src/pages/settings/settings-api-tokens.tsx b/frontend/src/pages/settings/settings-api-tokens.tsx
index 03585a6a..4653a2c7 100644
--- a/frontend/src/pages/settings/settings-api-tokens.tsx
+++ b/frontend/src/pages/settings/settings-api-tokens.tsx
@@ -504,9 +504,7 @@ function SettingsAPITokens() {
 
                     return (
                         <div className="font-medium">
-                            {token.name || (
-                                <span className="text-muted-foreground font-normal italic">(unnamed)</span>
-                            )}
+                            {token.name || <span className="text-muted-foreground font-normal italic">(unnamed)</span>}
                         </div>
                     );
                 },