IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

rewrote to use react.sfc

Browse Source
This commit is contained in:
Peter Holmberg
2018-09-27 12:15:41 +02:00
parent 70c3e1f3bc
commit 1e2c06083a
10 changed files with 66 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
public/app/features/plugins/PluginList.tsx
View File

@@ -1,12 +1,21 @@
import React from 'react';
import React, { SFC } from 'react';
import classNames from 'classnames/bind';
import PluginListItem from './PluginListItem';
import { Plugin } from 'app/types';
import { LayoutMode, LayoutModes } from '../../core/components/LayoutSelector/LayoutSelector';
interface Props {
plugins: Plugin[];
layoutMode: LayoutMode;
}
const PluginList: SFC<Props> = props => {
const { plugins, layoutMode } = props;
export default function PluginList({ plugins, layout }) {
const listStyle = classNames({
'card-section': true,
'card-list-layout-grid': layout === 'grid',
'card-list-layout-list': layout === 'list',
'card-list-layout-grid': layoutMode === LayoutModes.Grid,
'card-list-layout-list': layoutMode === LayoutModes.List,
});
return (
@@ -18,4 +27,6 @@ export default function PluginList({ plugins, layout }) {
</ol>
</section>
);
}
};
export default PluginList;