Function PostModal

packages/shared/src/components/modals/SharePostModal.tsx:22–93

({
  id,
  className,
  onRequestClose,
  onPreviousPost,
  onNextPost,
  postPosition,
  post,
  ...props
}: PostModalProps)

}

export default function PostModal({
  id,
  className,
  onRequestClose,
  onPreviousPost,
  onNextPost,
  postPosition,
  post,
  ...props
}: PostModalProps): ReactElement {
  const { position, onLoad } = usePostNavigationPosition({
    isDisplayed: props.isOpen,
    offset: 0,
  });
  const { showRedesign } = usePostRedesign(post);

  return (
    <BasePostModal
      {...props}
      post={post}
      onAfterOpen={onLoad}
      size={showRedesign ? Modal.Size.Large : Modal.Size.XLarge}
      className={showRedesign ? 'laptop:!overflow-clip' : undefined}
      navigationRedesign={showRedesign}
      navigationContentOwnsActions={!showRedesign}
      onRequestClose={onRequestClose}
      postType={PostType.Share}
      source={post.source}
      loadingClassName="!pb-2 tablet:pb-0"
      postPosition={postPosition}
      onPreviousPost={onPreviousPost}
      onNextPost={onNextPost}
    >
      {/* The squad notification prompt is shown for share posts regardless of
          which layout renders below it. */}
      <EnableNotification
        source={NotificationPromptSource.SquadPostModal}
        label={
          isSourceUserSource(post?.source)
            ? post?.author?.username
            : post?.source?.handle
        }
      />
      {showRedesign ? (
        <PostFocusCard
          post={post}
          origin={Origin.ArticleModal}
          onClose={() => onRequestClose?.(undefined as never)}
        />
      ) : (
        <SquadPostContent
          position={position}
          post={post}
          onPreviousPost={onPreviousPost}
          onNextPost={onNextPost}
          postPosition={postPosition}
          inlineActions
          onClose={onRequestClose}