Function useComments

packages/shared/src/hooks/post/useComments.ts:25–78

(post: Post)

): string | undefined => (username ? `@${username}\u00a0` : undefined);

export const useComments = (post: Post): UseComments => {
  const { logEvent } = useLogContext();
  const { logOpts } = useActiveFeedContext();
  const { user, showLogin } = useAuthContext();
  const [replyTo, setReplyTo] = useState<ReplyTo | null>(null);

  const inputProps = useMemo(() => {
    if (!replyTo) {
      return null;
    }

    const { username, parentCommentId } = replyTo ?? {};

    return {
      ...(parentCommentId ? { parentCommentId } : {}),
      ...(username ? { replyTo: username } : {}),
      initialContent: getReplyToInitialContent(username ?? undefined),
    };
  }, [replyTo]);

  const onReplyTo = useCallback(
    (params: ReplyTo | null) => {
      if (!user) {
        return showLogin({ trigger: AuthTriggers.Comment });
      }

      if (!isNullOrUndefined(params)) {
        logEvent(
          postLogEvent(LogEvent.OpenComment, post, {
            extra: { origin: Origin.PostCommentButton },
            ...(logOpts && logOpts),
          }),
        );
      }

      if (!params) {
        return setReplyTo(null);
      }

      if (params.username === user.username) {
        return setReplyTo({ ...params, username: null });
      }

      return setReplyTo(params);
    },
    [user, showLogin, logEvent, post, logOpts],
  );

  return {
    onReplyTo,
    inputProps,
    commentId: replyTo?.commentId ?? null,
  };
};