24 lines
727 B
TypeScript
24 lines
727 B
TypeScript
import React, { FC } from 'react';
|
|
import { Button } from '@grafana/ui';
|
|
import { FilterInput } from '../../core/components/FilterInput/FilterInput';
|
|
|
|
interface Props {
|
|
searchQuery: string;
|
|
disabled: boolean;
|
|
onAddClick: () => void;
|
|
onSearchChange: (value: string) => void;
|
|
}
|
|
|
|
export const ApiKeysActionBar: FC<Props> = ({ searchQuery, disabled, onAddClick, onSearchChange }) => {
|
|
return (
|
|
<div className="page-action-bar">
|
|
<div className="gf-form gf-form--grow">
|
|
<FilterInput placeholder="Search keys" value={searchQuery} onChange={onSearchChange} />
|
|
</div>
|
|
<Button className="pull-right" onClick={onAddClick} disabled={disabled}>
|
|
Add API key
|
|
</Button>
|
|
</div>
|
|
);
|
|
};
|