diff --git a/apps/admin-x-activitypub/src/components/feed/ArticleModal.tsx b/apps/admin-x-activitypub/src/components/feed/ArticleModal.tsx index d30ff76f73..5292079f55 100644 --- a/apps/admin-x-activitypub/src/components/feed/ArticleModal.tsx +++ b/apps/admin-x-activitypub/src/components/feed/ArticleModal.tsx @@ -74,6 +74,10 @@ const FeedItemDivider: React.FC = () => ( ); const ArticleModal: React.FC = ({object, actor, comments, allComments}) => { + const MODAL_SIZE_SM = 640; + const MODAL_SIZE_LG = 1024; + + const [modalSize, setModalSize] = useState(MODAL_SIZE_SM); const modal = useModal(); // Navigation stack to navigate between comments - This could probably use a @@ -109,6 +113,9 @@ const ArticleModal: React.FC = ({object, actor, comments, all allComments: allComments }); }; + const toggleModalSize = () => { + setModalSize(modalSize === MODAL_SIZE_SM ? MODAL_SIZE_LG : MODAL_SIZE_SM); + }; return ( = ({object, actor, comments, all height={'full'} padding={false} size='bleed' - width={640} + width={modalSize} > {canNavigateBack && ( @@ -129,7 +136,8 @@ const ArticleModal: React.FC = ({object, actor, comments, all
{object.type}
-
+
+