From 68d8f19d5a1339a9d71f77753b0b4b8db977c3af Mon Sep 17 00:00:00 2001
From: Djordje Vlaisavljevic <dzvlais@gmail.com>
Date: Thu, 1 Aug 2024 17:24:11 +0200
Subject: [PATCH] Revert "Updated design of announced Notes and Notes
 containing links (#20703)"

This reverts commit aca4626c725bfcbcd6ffa33c532683be9f9a1814.
---
 .../src/components/ListIndex.tsx              | 47 ++++++++-----------
 apps/admin-x-activitypub/src/styles/index.css | 15 +-----
 .../src/assets/icons/reload.svg               |  1 -
 3 files changed, 20 insertions(+), 43 deletions(-)
 delete mode 100644 apps/admin-x-design-system/src/assets/icons/reload.svg

diff --git a/apps/admin-x-activitypub/src/components/ListIndex.tsx b/apps/admin-x-activitypub/src/components/ListIndex.tsx
index 75e219edba..4c785eead9 100644
--- a/apps/admin-x-activitypub/src/components/ListIndex.tsx
+++ b/apps/admin-x-activitypub/src/components/ListIndex.tsx
@@ -4,7 +4,7 @@ import articleBodyStyles from './articleBodyStyles';
 import getUsername from '../utils/get-username';
 import {ActivityPubAPI} from '../api/activitypub';
 import {ActorProperties, ObjectProperties} from '@tryghost/admin-x-framework/api/activitypub';
-import {Avatar, Button, ButtonGroup, Heading, Icon, List, ListItem, Page, SelectOption, SettingValue, ViewContainer, ViewTab} from '@tryghost/admin-x-design-system';
+import {Avatar, Button, ButtonGroup, Heading, List, ListItem, Page, SelectOption, SettingValue, ViewContainer, ViewTab} from '@tryghost/admin-x-design-system';
 import {useBrowseSite} from '@tryghost/admin-x-framework/api/site';
 import {useQuery} from '@tanstack/react-query';
 import {useRouting} from '@tryghost/admin-x-framework/routing';
@@ -123,7 +123,6 @@ const ActivityPubComponent: React.FC = () => {
                                         actor={activity.actor}
                                         layout={selectedOption.value}
                                         object={activity.object}
-                                        type={activity.type}
                                     />
                                 </li>
                             ))}
@@ -321,7 +320,7 @@ ${image &&
     );
 };
 
-const ObjectContentDisplay: React.FC<{actor: ActorProperties, object: ObjectProperties, layout: string, type: string }> = ({actor, object, layout, type}) => {
+const ObjectContentDisplay: React.FC<{actor: ActorProperties, object: ObjectProperties, layout: string }> = ({actor, object, layout}) => {
     const parser = new DOMParser();
     const doc = parser.parseFromString(object.content || '', 'text/html');
 
@@ -397,31 +396,23 @@ const ObjectContentDisplay: React.FC<{actor: ActorProperties, object: ObjectProp
         return (
             <>
                 {object && (
-                    <div className='group/article relative cursor-pointer pt-4'>
-                        {(type === 'Announce' && object.type === 'Note') && <div className='z-10 mb-2 flex items-center gap-4 text-grey-700'>
-                            <div className='z-10 flex w-10 justify-end'><Icon colorClass='text-grey-700' name='reload' size={'sm'}></Icon></div>
-                            <span className='z-10'>{actor.name} reposted</span>
-                        </div>}
-                        <div className='flex items-start gap-4'>
-                            <img className='z-10 w-10 rounded' src={(type === 'Announce' && object.type === 'Note') ? (object.attributedTo.icon.url) : actor.icon?.url}/>
-                            <div className='border-1 z-10 -mt-1 flex flex-col items-start justify-between border-b border-b-grey-200 pb-4' data-test-activity>
-                                <div className='relative z-10 mb-2 flex w-full flex-col overflow-visible text-[1.5rem]'>
-                                    <span className='mr-1 truncate whitespace-nowrap font-bold' data-test-activity-heading>{(type === 'Announce' && object.type === 'Note') ? object.attributedTo?.name : actor.name}</span>
-                                    <div className='flex'>
-                                        <span className='truncate text-grey-700'>{(type === 'Announce' && object.type === 'Note') ? getUsername(object.attributedTo) : getUsername(actor)}</span>
-                                        <span className='whitespace-nowrap text-grey-700 before:mx-1 before:content-["·"]'>{timestamp}</span>
-                                    </div>
-                                </div>
-                                <div className='relative z-10 w-full gap-4'>
-                                    <div className='flex flex-col'>
-                                        {object.name && <Heading className='mb-1 leading-tight' level={4} data-test-activity-heading>{object.name}</Heading>}
-                                        <div dangerouslySetInnerHTML={({__html: object.content})} className='ap-note-content text-pretty text-[1.5rem] text-grey-900'></div>
-                                        {/* <p className='text-pretty text-md text-grey-900'>{object.content}</p> */}
-                                        {renderAttachment()}
-                                        <div className='mt-3 flex gap-2'>
-                                            <Button className={`self-start text-grey-500 transition-all hover:text-grey-800 ${isClicked ? 'bump' : ''} ${isLiked ? 'ap-red-heart text-red *:!fill-red hover:text-red' : ''}`} hideLabel={true} icon='heart' id="like" size='md' unstyled={true} onClick={handleLikeClick}/>
-                                            <span className={`text-grey-800 ${isLiked ? 'opacity-100' : 'opacity-0'}`}>1</span>
-                                        </div>
+                    <div className='group/article relative flex cursor-pointer items-start gap-4 pt-4'>
+                        <img className='z-10 w-9 rounded' src={actor.icon?.url}/>
+                        <div className='border-1 z-10 -mt-1 flex flex-col items-start justify-between border-b border-b-grey-200 pb-4' data-test-activity>
+                            <div className='relative z-10 flex w-full overflow-visible text-[1.5rem]'>
+                                <p className='mr-1 truncate whitespace-nowrap font-bold' data-test-activity-heading>{actor.name}</p>
+                                <span className='truncate text-grey-700'>{getUsername(actor)}</span>
+                                <span className='whitespace-nowrap text-grey-700 before:mx-1 before:content-["·"]'>{timestamp}</span>
+                            </div>
+                            <div className='relative z-10 w-full gap-4'>
+                                <div className='flex flex-col'>
+                                    {object.name && <Heading className='mb-1 leading-tight' level={4} data-test-activity-heading>{object.name}</Heading>}
+                                    <p className='text-pretty text-[1.5rem] text-grey-900'>{plainTextContent}</p>
+                                    {/* <p className='text-pretty text-md text-grey-900'>{object.content}</p> */}
+                                    {renderAttachment()}
+                                    <div className='mt-3 flex gap-2'>
+                                        <Button className={`self-start text-grey-500 transition-all hover:text-grey-800 ${isClicked ? 'bump' : ''} ${isLiked ? 'ap-red-heart text-red *:!fill-red hover:text-red' : ''}`} hideLabel={true} icon='heart' id="like" size='md' unstyled={true} onClick={handleLikeClick}/>
+                                        <span className={`text-grey-800 ${isLiked ? 'opacity-100' : 'opacity-0'}`}>1</span>
                                     </div>
                                 </div>
                             </div>
diff --git a/apps/admin-x-activitypub/src/styles/index.css b/apps/admin-x-activitypub/src/styles/index.css
index a59dd422e7..c3b58ac682 100644
--- a/apps/admin-x-activitypub/src/styles/index.css
+++ b/apps/admin-x-activitypub/src/styles/index.css
@@ -22,17 +22,4 @@ animation: bump 0.3s ease-in-out;
 
 .ap-red-heart path {
     fill: #F50B23;
-}
-
-.ap-note-content a {
-  color: rgb(236 72 153) !important;
-}
-
-.ap-note-content a:hover {
-  color: rgb(219 39 119) !important;
-}
-
-.ap-note-content p + p {
-  margin-top: 1.5rem !important;
-}
-
+}
\ No newline at end of file
diff --git a/apps/admin-x-design-system/src/assets/icons/reload.svg b/apps/admin-x-design-system/src/assets/icons/reload.svg
deleted file mode 100644
index 5afa3c7227..0000000000
--- a/apps/admin-x-design-system/src/assets/icons/reload.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" id="Button-Refresh-Arrows--Streamline-Ultimate.svg" height="24" width="24"><desc>Button Refresh Arrows Streamline Icon: https://streamlinehq.com</desc><path d="m5.25 14.248 0 4.5 -4.5 0" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="m18.75 9.748 0 -4.5 4.5 0" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M19.032 5.245A9.752 9.752 0 0 1 8.246 21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M4.967 18.751A9.753 9.753 0 0 1 15.754 3" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></svg>
\ No newline at end of file