Files
grafana/public/app/features/api-keys/ApiKeysActionBar.tsx
Ashley Harrison 47f8717149 React: Use new JSX transform (#88802)
* update eslint, tsconfig + esbuild to handle new jsx transform

* remove thing that breaks the new jsx transform

* remove react imports

* adjust grafana-icons build

* is this the correct syntax?

* try this

* well this was much easier than expected...

* change grafana-plugin-configs webpack config

* fixes

* fix lockfile

* fix 2 more violations

* use path.resolve instead of require.resolve

* remove react import

* fix react imports

* more fixes

* remove React import

* remove import React from docs

* remove another react import
2024-06-25 12:43:47 +01:00

18 lines
463 B
TypeScript

import { FilterInput, InlineField } from '@grafana/ui';
interface Props {
searchQuery: string;
disabled: boolean;
onSearchChange: (value: string) => void;
}
export const ApiKeysActionBar = ({ searchQuery, disabled, onSearchChange }: Props) => {
return (
<div className="page-action-bar">
<InlineField grow>
<FilterInput placeholder="Search keys" value={searchQuery} onChange={onSearchChange} />
</InlineField>
</div>
);
};