From e61473e53b2ddbbb5eb2b7ee3078b866781fcf5b Mon Sep 17 00:00:00 2001
From: Georg Bremer <github@dschoordsch.de>
Date: Thu, 2 May 2024 14:22:31 +0200
Subject: [PATCH] chore: Add custom label to templates (#9703)

---
 .../client/components/ActivityLibrary/ActivityGrid.tsx    | 6 ++++++
 .../client/components/ActivityLibrary/ActivityLibrary.tsx | 2 +-
 packages/client/components/RetroDrawerTemplateCard.tsx    | 8 +++++++-
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/packages/client/components/ActivityLibrary/ActivityGrid.tsx b/packages/client/components/ActivityLibrary/ActivityGrid.tsx
index 75142ebdcdc..dbfbbbe9f66 100644
--- a/packages/client/components/ActivityLibrary/ActivityGrid.tsx
+++ b/packages/client/components/ActivityLibrary/ActivityGrid.tsx
@@ -1,5 +1,6 @@
 import React from 'react'
 import {Link} from 'react-router-dom'
+import {ActivityBadge} from './ActivityBadge'
 import {ActivityCard, ActivityCardImage} from './ActivityCard'
 import {Template} from './ActivityLibrary'
 import {ActivityLibraryCardDescription} from './ActivityLibraryCardDescription'
@@ -30,6 +31,11 @@ const ActivityGrid = ({templates, selectedCategory}: ActivityGridProps) => {
               title={template.name}
               type={template.type}
               templateRef={template}
+              badge={
+                template.scope !== 'PUBLIC' ? (
+                  <ActivityBadge className='m-2 bg-gold-300 text-grape-700'>Custom</ActivityBadge>
+                ) : null
+              }
             >
               <ActivityCardImage
                 className='group-hover/card:hidden'
diff --git a/packages/client/components/ActivityLibrary/ActivityLibrary.tsx b/packages/client/components/ActivityLibrary/ActivityLibrary.tsx
index 5a8b361ada0..7abeee58c69 100644
--- a/packages/client/components/ActivityLibrary/ActivityLibrary.tsx
+++ b/packages/client/components/ActivityLibrary/ActivityLibrary.tsx
@@ -68,7 +68,7 @@ graphql`
     category
     illustrationUrl
     isRecommended
-    isFree
+    scope
     ...ActivityLibrary_templateSearchDocument @relay(mask: false)
     ...ActivityCard_template
     ...ActivityLibraryCardDescription_template
diff --git a/packages/client/components/RetroDrawerTemplateCard.tsx b/packages/client/components/RetroDrawerTemplateCard.tsx
index 55afd2a343c..c8080883265 100644
--- a/packages/client/components/RetroDrawerTemplateCard.tsx
+++ b/packages/client/components/RetroDrawerTemplateCard.tsx
@@ -6,6 +6,7 @@ import useAtmosphere from '../hooks/useAtmosphere'
 import useMutationProps from '../hooks/useMutationProps'
 import UpdateMeetingTemplateMutation from '../mutations/UpdateMeetingTemplateMutation'
 import {CATEGORY_THEMES, CategoryID} from '././ActivityLibrary/Categories'
+import {ActivityBadge} from './ActivityLibrary/ActivityBadge'
 import {ActivityCard, ActivityCardImage} from './ActivityLibrary/ActivityCard'
 import {ActivityLibraryCardDescription} from './ActivityLibrary/ActivityLibraryCardDescription'
 
@@ -27,7 +28,7 @@ const RetroDrawerTemplateCard = (props: Props) => {
         name
         category
         illustrationUrl
-        isFree
+        scope
       }
     `,
     templateRef
@@ -53,6 +54,11 @@ const RetroDrawerTemplateCard = (props: Props) => {
           theme={CATEGORY_THEMES[template.category as CategoryID]}
           title={template.name}
           type='retrospective'
+          badge={
+            template.scope !== 'PUBLIC' ? (
+              <ActivityBadge className='m-2 bg-gold-300 text-grape-700'>Custom</ActivityBadge>
+            ) : null
+          }
         >
           <ActivityCardImage
             className='group-hover/card:hidden'