Activity Log displays Markdown subject as 1-line plain text

src/domain/collaboration/activity/ActivityLog/views/ActivityCalloutPostCommentCreatedView.tsx

@@ -1,10 +1,9 @@
 import React, { FC } from 'react';
 import { ActivityBaseView } from './ActivityBaseView';
 import { ActivityViewProps } from './ActivityViewProps';
-import replaceQuotesInOldDescription from '../../../../shared/utils/replaceQuotesInOldDescription';
 import { ActivitySubject } from '../types/ActivitySubject';
-import ActivityDescriptionByType from '../../../../shared/components/ActivityDescription/ActivityDescriptionByType';
 import { ActivityEventType } from '../../../../../core/apollo/generated/graphql-schema';
+import ActivitySubjectMarkdown from './ActivitySubjectMarkdown';
 
 interface ActivityCalloutPostCommentCreatedViewProps extends ActivityViewProps {
   post: ActivitySubject;
@@ -21,14 +20,12 @@ export const ActivityCalloutPostCommentCreatedView: FC<ActivityCalloutPostCommen
   type,
   footerComponent,
 }) => {
-  const comment = replaceQuotesInOldDescription(description);
-
   return (
     <ActivityBaseView
       author={author}
       loading={loading}
       type={type}
-      title={<ActivityDescriptionByType activityType={type} subject={comment} />}
+      title={<ActivitySubjectMarkdown>{description}</ActivitySubjectMarkdown>}
       url={post.profile.url}
       footerComponent={footerComponent}
       contextDisplayName={post.profile.displayName}

src/domain/collaboration/activity/ActivityLog/views/ActivityDiscussionCommentCreatedView.tsx

@@ -1,10 +1,9 @@
 import React, { FC } from 'react';
 import { ActivityBaseView } from './ActivityBaseView';
 import { ActivityViewProps } from './ActivityViewProps';
-import replaceQuotesInOldDescription from '../../../../shared/utils/replaceQuotesInOldDescription';
-import ActivityDescriptionByType from '../../../../shared/components/ActivityDescription/ActivityDescriptionByType';
 import { ActivityCalloutValues } from '../../../../shared/types/ActivityCalloutValues';
 import { ActivityEventType } from '../../../../../core/apollo/generated/graphql-schema';
+import ActivitySubjectMarkdown from './ActivitySubjectMarkdown';
 
 interface ActivityDiscussionCommentCreatedViewProps extends ActivityViewProps {
   callout: ActivityCalloutValues;
@@ -21,14 +20,12 @@ export const ActivityDiscussionCommentCreatedView: FC<ActivityDiscussionCommentC
   type,
   footerComponent,
 }) => {
-  const comment = replaceQuotesInOldDescription(description);
-
   return (
     <ActivityBaseView
       author={author}
       loading={loading}
       type={type}
-      title={<ActivityDescriptionByType activityType={type} subject={comment} />}
+      title={<ActivitySubjectMarkdown>{description}</ActivitySubjectMarkdown>}
       url={callout.framing.profile.url}
       footerComponent={footerComponent}
       contextDisplayName={callout.framing.profile.displayName}

src/domain/collaboration/activity/ActivityLog/views/ActivitySubjectMarkdown.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import WrapperMarkdown from '../../../../../core/ui/markdown/WrapperMarkdown';
+
+interface ActivitySubjectMarkdownProps {
+  children: string;
+}
+
+const ActivitySubjectMarkdown = ({ children }: ActivitySubjectMarkdownProps) => {
+  return (
+    <WrapperMarkdown plain card caption>
+      {children}
+    </WrapperMarkdown>
+  );
+};
+
+export default ActivitySubjectMarkdown;

src/domain/collaboration/activity/ActivityLog/views/ActivityUpdateSent.tsx

@@ -2,8 +2,8 @@ import React, { FC } from 'react';
 import { ActivityBaseView } from './ActivityBaseView';
 import { ActivityViewProps } from './ActivityViewProps';
 import { buildUpdatesUrl } from '../../../../../main/routing/urlBuilders';
-import ActivityDescriptionByType from '../../../../shared/components/ActivityDescription/ActivityDescriptionByType';
 import { ActivityEventType } from '../../../../../core/apollo/generated/graphql-schema';
+import ActivitySubjectMarkdown from './ActivitySubjectMarkdown';
 
 export interface ActivityUpdateSentViewProps extends ActivityViewProps {
   message: string;
@@ -27,7 +27,7 @@ export const ActivityUpdateSentView: FC<ActivityUpdateSentViewProps> = ({
       type={type}
       author={author}
       loading={loading}
-      title={<ActivityDescriptionByType activityType={type} subject={message} />}
+      title={<ActivitySubjectMarkdown>{message}</ActivitySubjectMarkdown>}
       url={url}
       footerComponent={footerComponent}
       contextDisplayName={journeyDisplayName}