fix: remove custom activity badge

It conflicts with the favourite indicator.
ParabolInc · Jun 3, 2024 · af8d998 · af8d998
1 parent bf93718
commit af8d998
Show file tree

Hide file tree

Showing 4 changed files with 2 additions and 19 deletions.
diff --git a/packages/client/components/ActivityLibrary/ActivityCard.tsx b/packages/client/components/ActivityLibrary/ActivityCard.tsx
@@ -50,14 +50,13 @@ export interface ActivityCardProps {
   className?: string
   theme: CardTheme
   title?: string
-  badge?: React.ReactNode
   children?: React.ReactNode
   type?: MeetingTypeEnum
   templateRef?: ActivityCard_template$key
 }
 
 export const ActivityCard = (props: ActivityCardProps) => {
-  const {className, theme, title, children, type, badge, templateRef} = props
+  const {className, theme, title, children, type, templateRef} = props
   const category = type && MEETING_TYPE_TO_CATEGORY[type]
   const [showTooltip, setShowTooltip] = useState(false)
   const hoverTimeout = useRef<NodeJS.Timeout | null>(null)
@@ -105,10 +104,7 @@ export const ActivityCard = (props: ActivityCardProps) => {
           className
         )}
       >
-        <div className='flex-1'>
-          {children}
-          <div className='absolute bottom-0 right-0'>{badge}</div>
-        </div>
+        <div className='flex-1'>{children}</div>
         {template && (
           <Tooltip open={showTooltip}>
             <TooltipTrigger asChild>

diff --git a/packages/client/components/ActivityLibrary/ActivityDetails/ActivityDetails.tsx b/packages/client/components/ActivityLibrary/ActivityDetails/ActivityDetails.tsx
@@ -106,7 +106,6 @@ const ActivityDetails = (props: Props) => {
                 <ActivityCard
                   className='mb-8 w-80 max-md:hidden sm:ml-14 xl:ml-0 xl:mb-0'
                   theme={CATEGORY_THEMES[category as CategoryID]}
-                  badge={null}
                   type={type}
                 >
                   <ActivityCardImage src={illustrationUrl} category={category as CategoryID} />

diff --git a/packages/client/components/ActivityLibrary/ActivityGrid.tsx b/packages/client/components/ActivityLibrary/ActivityGrid.tsx
@@ -3,7 +3,6 @@ import React from 'react'
 import {useFragment} from 'react-relay'
 import {Link} from 'react-router-dom'
 import {ActivityGrid_user$key} from '../../__generated__/ActivityGrid_user.graphql'
-import {ActivityBadge} from './ActivityBadge'
 import {ActivityCard, ActivityCardImage} from './ActivityCard'
 import ActivityCardFavorite from './ActivityCardFavorite'
 import {Template} from './ActivityLibrary'
@@ -45,11 +44,6 @@ const ActivityGrid = (props: 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/RetroDrawerTemplateCard.tsx b/packages/client/components/RetroDrawerTemplateCard.tsx
@@ -6,7 +6,6 @@ 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'
 
@@ -54,11 +53,6 @@ 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'