diff --git a/frontend/src/scenes/plugins/CommunityPluginTag.tsx b/frontend/src/scenes/plugins/CommunityPluginTag.tsx new file mode 100644 index 0000000000000..aa8cccc9749a6 --- /dev/null +++ b/frontend/src/scenes/plugins/CommunityPluginTag.tsx @@ -0,0 +1,13 @@ +import React from 'react' +import { Tag } from 'antd' + +export function CommunityPluginTag({ isCommunity }: { isCommunity?: boolean }): JSX.Element { + return ( + + {isCommunity ? 'Community' : 'Core Team'} + + ) +} diff --git a/frontend/src/scenes/plugins/InstalledPlugins.tsx b/frontend/src/scenes/plugins/InstalledPlugins.tsx index 9dbe6003241f5..57efe42e384eb 100644 --- a/frontend/src/scenes/plugins/InstalledPlugins.tsx +++ b/frontend/src/scenes/plugins/InstalledPlugins.tsx @@ -40,6 +40,7 @@ export function InstalledPlugins(): JSX.Element { pluginType={plugin.plugin_type} pluginConfig={plugin.pluginConfig} error={plugin.error} + maintainer={plugin.maintainer || 'community'} /> ) })} diff --git a/frontend/src/scenes/plugins/PluginCard.tsx b/frontend/src/scenes/plugins/PluginCard.tsx index c2b428bfa8534..394944bfcc1c8 100644 --- a/frontend/src/scenes/plugins/PluginCard.tsx +++ b/frontend/src/scenes/plugins/PluginCard.tsx @@ -11,6 +11,7 @@ import { PluginError } from 'scenes/plugins/PluginError' import { LocalPluginTag } from 'scenes/plugins/LocalPluginTag' import { PluginInstallationType } from 'scenes/plugins/types' import { SourcePluginTag } from 'scenes/plugins/SourcePluginTag' +import { CommunityPluginTag } from './CommunityPluginTag' interface PluginCardProps { name: string @@ -20,6 +21,7 @@ interface PluginCardProps { pluginType?: PluginInstallationType pluginId?: number error?: PluginErrorType + maintainer: string } export function PluginCard({ @@ -30,6 +32,7 @@ export function PluginCard({ pluginConfig, pluginId, error, + maintainer, }: PluginCardProps): JSX.Element { const { editPlugin, toggleEnabled, installPlugin, resetPluginConfigError } = useActions(pluginsLogic) const { loading } = useValues(pluginsLogic) @@ -60,6 +63,7 @@ export function PluginCard({ style={{ height: '100%', display: 'flex', marginBottom: 20 }} bodyStyle={{ display: 'flex', flexDirection: 'column', flexGrow: 1 }} > + {!pluginId && } {pluginType === 'source' ? ( ) : null} diff --git a/frontend/src/scenes/plugins/Repository.tsx b/frontend/src/scenes/plugins/Repository.tsx index d074ebe56517b..8b90b0e10f2dc 100644 --- a/frontend/src/scenes/plugins/Repository.tsx +++ b/frontend/src/scenes/plugins/Repository.tsx @@ -21,6 +21,7 @@ export function Repository(): JSX.Element { name={plugin.name} url={plugin.url} description={plugin.description} + maintainer={plugin.maintainer} /> ) })} diff --git a/frontend/src/types.ts b/frontend/src/types.ts index 3729f2e5cc28f..bb328b31649b8 100644 --- a/frontend/src/types.ts +++ b/frontend/src/types.ts @@ -363,6 +363,7 @@ export interface PluginType { config_schema: Record | PluginConfigSchema[] source?: string error?: PluginErrorType + maintainer?: string } export interface PluginConfigType {