13325211149

Committed 14 Feb 2025 08:17AM UTC coverage: 68.625% (+0.02%) from 68.603%

Build # 13325211149

Build Type

Pull #315

github

Committed by

web-flow

Commit Message

Merge 7bf78fe19 into 0805f21ad

Pull Request Pull Request #315: chore: configure prettier & apply formatting

Run Details

364 of 590 branches covered (61.69%)

Branch coverage included in aggregate %.

360 of 519 new or added lines in 99 files covered. (69.36%)

5 existing lines in 4 files now uncovered.

769 of 1061 relevant lines covered (72.48%)

71.26 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

85.71

/src/features/dashboard-messages/components/search-field-messages.tsx

import {
  FieldGroup,
  Input,
  Kbd,
  SearchField,
  SearchFieldClearButton,
} from '@stacklok/ui-kit'
import { useMessagesFilterSearchParams } from '../hooks/use-messages-filter-search-params'
import { SearchMd } from '@untitled-ui/icons-react'
import { useKbdShortcuts } from '@/hooks/use-kbd-shortcuts'
import { useRef } from 'react'

export function SearchFieldMessages({ className }: { className?: string }) {
  const { setSearch, state } = useMessagesFilterSearchParams()
  const ref = useRef<HTMLInputElement>(null)
  useKbdShortcuts([
    [
      '/',
      () => {
        ref.current?.focus()
      },
    ],
  ])

  return (
    <SearchField
      type="text"
      aria-label="Search messages"
      value={state.search ?? ''}
      onChange={(value) => setSearch(value)}
      className={className}
    >
      <FieldGroup>
        <Input
          ref={ref}
          type="search"
          placeholder="Search..."
          isBorderless
          icon={<SearchMd />}
        />
        <SearchFieldClearButton />
        <Kbd className="mr-3">/</Kbd>
      </FieldGroup>
    </SearchField>
  )
}

1	import {
2	FieldGroup,
3	Input,
4	Kbd,
5	SearchField,
6	SearchFieldClearButton,
7	} from '@stacklok/ui-kit'
8	import { useMessagesFilterSearchParams } from '../hooks/use-messages-filter-search-params'
9	import { SearchMd } from '@untitled-ui/icons-react'
10	import { useKbdShortcuts } from '@/hooks/use-kbd-shortcuts'
11	import { useRef } from 'react'
12
13	export function SearchFieldMessages({ className }: { className?: string }) {
14	const { setSearch, state } = useMessagesFilterSearchParams()	122✔
15	const ref = useRef<HTMLInputElement>(null)	122✔
16	useKbdShortcuts([	122✔
17	[
18	'/',
19	() => {
NEW 20	ref.current?.focus()	×
21	},
22	],
23	])
24
25	return (
26	<SearchField
27	type="text"
28	aria-label="Search messages"
29	value={state.search ?? ''}	186✔
30	onChange={(value) => setSearch(value)}	29✔
31	className={className}
32	>
33	<FieldGroup>
34	<Input
35	ref={ref}
36	type="search"
37	placeholder="Search..."
38	isBorderless
39	icon={<SearchMd />}
40	/>
41	<SearchFieldClearButton />
42	<Kbd className="mr-3">/</Kbd>
43	</FieldGroup>
44	</SearchField>
45	)
46	}

stacklok / codegate-ui / 13325211149

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous