|
@@ -7,24 +7,12 @@ interface Props {
|
|
|
|
|
|
|
|
const PluginListItem: FC<Props> = props => {
|
|
const PluginListItem: FC<Props> = props => {
|
|
|
const { plugin } = props;
|
|
const { plugin } = props;
|
|
|
- let icon;
|
|
|
|
|
-
|
|
|
|
|
- if (plugin.type === 'datasource') {
|
|
|
|
|
- icon = 'gicon gicon-datasources';
|
|
|
|
|
- } else if (plugin.type === 'panel') {
|
|
|
|
|
- icon = 'icon-gf icon-gf-panel';
|
|
|
|
|
- } else {
|
|
|
|
|
- icon = 'icon-gf icon-gf-apps';
|
|
|
|
|
- }
|
|
|
|
|
|
|
|
|
|
return (
|
|
return (
|
|
|
<li className="card-item-wrapper">
|
|
<li className="card-item-wrapper">
|
|
|
<a className="card-item" href={`plugins/${plugin.id}/`}>
|
|
<a className="card-item" href={`plugins/${plugin.id}/`}>
|
|
|
<div className="card-item-header">
|
|
<div className="card-item-header">
|
|
|
- <div className="card-item-type">
|
|
|
|
|
- <i className={icon} />
|
|
|
|
|
- {plugin.type}
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <div className="card-item-type">{plugin.type}</div>
|
|
|
{plugin.hasUpdate && (
|
|
{plugin.hasUpdate && (
|
|
|
<div className="card-item-notice">
|
|
<div className="card-item-notice">
|
|
|
<span bs-tooltip="plugin.latestVersion">Update available!</span>
|
|
<span bs-tooltip="plugin.latestVersion">Update available!</span>
|