Description in other cards

Author: Abhishekfm

app/[locale]/(user)/collaboratives/[collaborativeSlug]/CollaborativeDetailsClient.tsx

@@ -20,6 +20,7 @@ import BreadCrumbs from '@/components/BreadCrumbs';
 import { Icons } from '@/components/icons';
 import JsonLd from '@/components/JsonLd';
 import { Loading } from '@/components/loading';
+import { stripMarkdown } from '../../search/components/UnifiedListingComponent';
 import PrimaryDetails from '../components/Details';
 import Metadata from '../components/Metadata';
 
@@ -476,7 +477,7 @@ const CollaborativeDetailClient = () => {
 
                       const commonProps = {
                         title: useCase.title || '',
-                        description: useCase.summary || '',
+                        description: stripMarkdown(useCase.summary || ''),
                         metadataContent: MetadataContent,
                         tag: useCase.tags?.map((t: any) => t.value) || [],
                         footerContent: FooterContent,
@@ -558,7 +559,7 @@ const CollaborativeDetailClient = () => {
                             label: 'Published by',
                           },
                         ]}
-                        description={dataset.description || ''}
+                        description={stripMarkdown(dataset.description || '')}
                       />
                     ))}
                 </div>

app/[locale]/(user)/datasets/[datasetIdentifier]/components/SimilarDatasets/index.tsx

@@ -1,4 +1,5 @@
 import { useParams } from 'next/navigation';
+import { stripMarkdown } from '@/app/[locale]/(user)/search/components/UnifiedListingComponent';
 import { graphql } from '@/gql';
 import { useQuery } from '@tanstack/react-query';
 import {
@@ -123,7 +124,7 @@ const SimilarDatasets: React.FC = () => {
                         {' '}
                         <Card
                           title={item.title}
-                          description={item.description}
+                          description={stripMarkdown(item.description || '')}
                           metadataContent={[
                             {
                               icon: Icons.calendar as any,

app/[locale]/(user)/publishers/components/Datasets.tsx

@@ -6,6 +6,7 @@ import { Card, Icon, Spinner, Text } from 'opub-ui';
 import { GraphQL } from '@/lib/api';
 import { cn } from '@/lib/utils';
 import { Icons } from '@/components/icons';
+import { stripMarkdown } from '../../search/components/UnifiedListingComponent';
 
 const userPublishedDatasetsDoc: any = graphql(`
   query userPublishedDatasetsList($userId: ID!) {
@@ -152,7 +153,7 @@ const Datasets = ({ type }: { type: 'organization' | 'Publisher' }) => {
               ]}
               key={index}
               title={item.title}
-              description={item.description}
+              description={stripMarkdown(item.description || '')}
               metadataContent={[
                 {
                   icon: Icons.calendar as any,

app/[locale]/(user)/publishers/components/UseCases.tsx

@@ -7,6 +7,7 @@ import { Card, Icon, Spinner, Text } from 'opub-ui';
 import { GraphQL } from '@/lib/api';
 import { cn, formatDate } from '@/lib/utils';
 import { Icons } from '@/components/icons';
+import { stripMarkdown } from '../../search/components/UnifiedListingComponent';
 
 const userPublishedUseCasesDoc: any = graphql(`
   query userPublishedUseCasesList($userId: ID!) {
@@ -180,7 +181,7 @@ const UseCases = ({ type }: { type: 'organization' | 'Publisher' }) => {
                   label: 'Published by',
                 },
               ]}
-              description={item.summary}
+              description={stripMarkdown(item.summary || '')}
               iconColor="warning"
               variation={'collapsed'}
             />

app/[locale]/(user)/usecases/[useCaseSlug]/UsecaseDetailsClient.tsx

@@ -16,6 +16,7 @@ import BreadCrumbs from '@/components/BreadCrumbs';
 import { Icons } from '@/components/icons';
 import JsonLd from '@/components/JsonLd';
 import { Loading } from '@/components/loading';
+import { stripMarkdown } from '../../search/components/UnifiedListingComponent';
 import PrimaryDetails from '../components/Details';
 import Metadata from '../components/Metadata';
 import Dashboards from './Dashboards';
@@ -334,7 +335,7 @@ const UseCaseDetailClient = () => {
                             label: 'Published by',
                           },
                         ]}
-                        description={dataset.description || ''}
+                        description={stripMarkdown(dataset.description || '')}
                       />
                     ))}
                 </div>