Function ShareModal

packages/shared/src/components/modals/ShareModal.tsx:16–100

({
  post,
  comment,
  origin,
  columns,
  column,
  row,
  parentSelector,
  onRequestClose,
  ...props
}: ShareProps & ModalProps)

import { useViewSize, ViewSize } from '../../hooks';

export default function ShareModal({
  post,
  comment,
  origin,
  columns,
  column,
  row,
  parentSelector,
  onRequestClose,
  ...props
}: ShareProps & ModalProps): ReactElement {
  const isComment = !!comment;
  const isMobile = useViewSize(ViewSize.MobileL);
  const { logEvent } = useLogContext();
  const { logOpts } = useContext(ActiveFeedContext);

  const baseLogEvent = (eventName: string, extra?: Record<string, unknown>) =>
    logEvent(
      postLogEvent(eventName, post, {
        extra: {
          ...extra,
          origin,
          variant: ExperimentWinner.PostCardShareVersion,
          ...(comment && { commentId: comment.id }),
        },
        columns,
        column,
        row,
        ...(logOpts && logOpts),
      }),
    );

  useEffect(() => {
    baseLogEvent('open share');

    return () => baseLogEvent('close share');
    // @NOTE see https://dailydotdev.atlassian.net/l/cp/dK9h1zoM
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);

  const onSwipedDown = (e: SwipeEventData) => {
    const currentTarget = e.event.currentTarget as HTMLElement | null;

    if (!currentTarget) {
      return;
    }

    const { scrollTop } = currentTarget;

    if (scrollTop === 0) {
      onRequestClose(e.event as React.MouseEvent);
    }
  };

  const handlers = useSwipeable({ onSwipedDown });
  const squadState = useState<Squad>();

  return (