From ed38582434dfc5926d9ef02c5d6b9d971de3cc14 Mon Sep 17 00:00:00 2001
From: yakkomajuri <yakko.majuri@gmail.com>
Date: Mon, 18 Jan 2021 12:31:01 -0300
Subject: [PATCH] Add Community tag to plugins

---
 frontend/src/scenes/plugins/CommunityPluginTag.tsx | 13 +++++++++++++
 frontend/src/scenes/plugins/InstalledPlugins.tsx   |  1 +
 frontend/src/scenes/plugins/PluginCard.tsx         |  4 ++++
 frontend/src/scenes/plugins/Repository.tsx         |  1 +
 frontend/src/types.ts                              |  1 +
 5 files changed, 20 insertions(+)
 create mode 100644 frontend/src/scenes/plugins/CommunityPluginTag.tsx

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 (
+        <Tag
+            color={isCommunity ? 'green' : 'blue'}
+            style={{ maxWidth: '30%', position: 'absolute', right: 15, top: 15 }}
+        >
+            {isCommunity ? 'Community' : 'Core Team'}
+        </Tag>
+    )
+}
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 && <CommunityPluginTag isCommunity={maintainer === 'community'} />}
                 {pluginType === 'source' ? (
                     <SourcePluginTag style={{ position: 'absolute', top: 10, left: 10, cursor: 'pointer' }} />
                 ) : 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<string, PluginConfigSchema> | PluginConfigSchema[]
     source?: string
     error?: PluginErrorType
+    maintainer?: string
 }
 
 export interface PluginConfigType {