Add Community tag to plugins

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 (
+        <Tag
+            color={isCommunity ? 'green' : 'blue'}
+            style={{ maxWidth: '30%', position: 'absolute', right: 15, top: 15 }}
+        >
+            {isCommunity ? 'Community' : 'Core Team'}
+        </Tag>
+    )
+}

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'}
                                 />
                             )
                         })}

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 && <CommunityPluginTag isCommunity={maintainer === 'community'} />}
                 {pluginType === 'source' ? (
                     <SourcePluginTag style={{ position: 'absolute', top: 10, left: 10, cursor: 'pointer' }} />
                 ) : null}

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}
                                 />
                             )
                         })}

frontend/src/types.ts

@@ -363,6 +363,7 @@ export interface PluginType {
     config_schema: Record<string, PluginConfigSchema> | PluginConfigSchema[]
     source?: string
     error?: PluginErrorType
+    maintainer?: string
 }
 
 export interface PluginConfigType {