From 6d873600f0ec8571d0fc4c5bcb6c0fd1d6dfe8a9 Mon Sep 17 00:00:00 2001 From: Djordje Vlaisavljevic Date: Thu, 19 Sep 2024 20:27:18 +0100 Subject: [PATCH] Simplified drawer design ref https://linear.app/tryghost/issue/AP-282/render-notes-in-the-frontend --- .../src/components/feed/ArticleModal.tsx | 37 ++++++++----------- 1 file changed, 15 insertions(+), 22 deletions(-) diff --git a/apps/admin-x-activitypub/src/components/feed/ArticleModal.tsx b/apps/admin-x-activitypub/src/components/feed/ArticleModal.tsx index 13cc3d6e47..1351369f66 100644 --- a/apps/admin-x-activitypub/src/components/feed/ArticleModal.tsx +++ b/apps/admin-x-activitypub/src/components/feed/ArticleModal.tsx @@ -6,7 +6,6 @@ import {Button, Modal} from '@tryghost/admin-x-design-system'; import {useBrowseSite} from '@tryghost/admin-x-framework/api/site'; import FeedItem from './FeedItem'; -import MainHeader from '../navigation/MainHeader'; import APReplyBox from '../global/APReplyBox'; import articleBodyStyles from '../articleBodyStyles'; @@ -72,7 +71,7 @@ ${image && }; const FeedItemDivider: React.FC = () => ( -
+
); const ArticleModal: React.FC = ({object, actor, comments, allComments, focusReply}) => { @@ -142,20 +141,22 @@ const ArticleModal: React.FC = ({object, actor, comments, all size='bleed' width={modalSize} > - - {canNavigateBack && ( -
-
+ )} +
+ {/* {object.type} */} +
+
+
- )} -
- {object.type}
-
-
-
+
{object.type === 'Note' && (
@@ -172,14 +173,6 @@ const ArticleModal: React.FC = ({object, actor, comments, all - {/* {object.content &&
} */} - {/* {renderAttachment(object)} */} - {/* - -
- - - */} {commentsState.map((comment, index) => { const showDivider = index !== commentsState.length - 1; const nestedComments = allComments.get(comment.object.id) ?? [];