adjusted search input styling

This commit is contained in:
TzeYiing committed 2022-01-17 17:24:07 +08:00
1 parent be52adde95
commit 0427268fc4
3 files changed
+6 -7

No files matched your search

@@ -110,8 +110,6 @@ const LogPanel: FC<Props> = ({
}}
>
<Input
size="tiny"
icon={<IconSearch size={16} />}
placeholder="Search events"
onChange={(e) => setSearch(e.target.value)}
value={search}
@@ -125,6 +123,7 @@ const LogPanel: FC<Props> = ({
onClick={() => setSearch('')}
/>
),
<Button
key="go"
size="tiny"
@@ -132,7 +131,7 @@ const LogPanel: FC<Props> = ({
type="secondary"
onClick={() => onSearch(search)}
>
Go
<IconSearch size={16} />
</Button>,
]}
/>
+1 -1
View File
@@ -29,7 +29,7 @@ test('filter input change and submit', async () => {
const search = screen.getByPlaceholderText(/Search/)
userEvent.type(search, '12345')
expect(mockFn).not.toBeCalled()
userEvent.click(screen.getByText('Go'))
userEvent.click(screen.getByTitle('Go'))
expect(mockFn).toBeCalled()
})
+3 -3
View File
@@ -136,7 +136,7 @@ test('Search will trigger a log refresh', async () => {
render(<LogPage />)
userEvent.type(screen.getByPlaceholderText(/Search/), 'something')
userEvent.click(screen.getByText('Go'))
userEvent.click(screen.getByTitle('Go'))
await waitFor(
() => {
@@ -204,7 +204,7 @@ test('where clause will trigger a log refresh', async () => {
const { container } = render(<LogPage />)
// fill search bar with some value, should be ignored when in custom mode
userEvent.type(screen.getByPlaceholderText(/Search/), 'search_value')
userEvent.click(screen.getByText('Go'))
userEvent.click(screen.getByTitle('Go'))
// clear mock calls, for clean assertions
get.mockClear()
@@ -235,7 +235,7 @@ test('where clause will trigger a log refresh', async () => {
}),
})
)
// should ignore search bar value
expect(get).not.toHaveBeenCalledWith(expect.stringContaining('search_value'))
},