36 lines
1.4 KiB
TypeScript
36 lines
1.4 KiB
TypeScript
import React, { FC, useState } from 'react';
|
|
import { connect, ConnectedProps } from 'react-redux';
|
|
|
|
import { GrafanaRouteComponentProps } from '../../core/navigation/types';
|
|
import { StoreState } from '../../types';
|
|
import { getNavModel } from '../../core/selectors/navModel';
|
|
import Page from '../../core/components/Page/Page';
|
|
import { LibraryPanelsSearch } from './components/LibraryPanelsSearch/LibraryPanelsSearch';
|
|
import { LibraryElementDTO } from './types';
|
|
import { OpenLibraryPanelModal } from './components/OpenLibraryPanelModal/OpenLibraryPanelModal';
|
|
|
|
const mapStateToProps = (state: StoreState) => ({
|
|
navModel: getNavModel(state.navIndex, 'library-panels'),
|
|
});
|
|
|
|
const connector = connect(mapStateToProps, undefined);
|
|
|
|
interface OwnProps extends GrafanaRouteComponentProps {}
|
|
|
|
type Props = OwnProps & ConnectedProps<typeof connector>;
|
|
|
|
export const LibraryPanelsPage: FC<Props> = ({ navModel }) => {
|
|
const [selected, setSelected] = useState<LibraryElementDTO | undefined>(undefined);
|
|
|
|
return (
|
|
<Page navModel={navModel}>
|
|
<Page.Contents>
|
|
<LibraryPanelsSearch onClick={setSelected} showSecondaryActions showSort showPanelFilter showFolderFilter />
|
|
{selected ? <OpenLibraryPanelModal onDismiss={() => setSelected(undefined)} libraryPanel={selected} /> : null}
|
|
</Page.Contents>
|
|
</Page>
|
|
);
|
|
};
|
|
|
|
export default connect(mapStateToProps)(LibraryPanelsPage);
|