Function ToolDiscussion

packages/webapp/components/tools/ToolDiscussion.tsx:67–204

({
  toolId,
  toolTitle,
  discussionPostId,
}: ToolDiscussionProps)

);

export const ToolDiscussion = ({
  toolId,
  toolTitle,
  discussionPostId,
}: ToolDiscussionProps): ReactElement => {
  const { isLoggedIn, showLogin } = useAuthContext();
  const { isVerified, isLoading: isCompaniesLoading } = useUserCompaniesQuery();
  const { displayToast } = useToastNotification();
  const commentRef = useRef<NewCommentRef>(null);
  // Set once the mutation below creates the post, so the composer can be
  // opened as soon as it finishes loading.
  const shouldOpenOnLoad = useRef(false);
  const [postId, setPostId] = useState<string | null>(discussionPostId);

  // The SSG prop can still deliver the id after the client already resolved
  // one from `initToolDiscussion` (ISR revalidation); never downgrade it.
  useEffect(() => {
    setPostId((current) => current ?? discussionPostId);
  }, [discussionPostId]);

  const { post, isLoading } = usePostById({ id: postId ?? '' });

  useEffect(() => {
    if (shouldOpenOnLoad.current && post) {
      shouldOpenOnLoad.current = false;
      commentRef.current?.onShowInput(Origin.ToolPage);
    }
  }, [post]);

  const { mutate: startDiscussion, isPending: isStarting } = useMutation({
    mutationFn: () => initToolDiscussion(toolId),
    onSuccess: (id) => {
      shouldOpenOnLoad.current = true;
      setPostId(id);
    },
    onError: (error: unknown) => {
      const message = (error as GraphQLError)?.response?.errors?.[0]?.message;
      displayToast(message ?? 'Failed to start the discussion');
    },
  });

  // Logged in but no verified work email: the server rejects the mutation
  // anyway, so the composer is replaced before the user ever gets there.
  // While the companies query is still resolving, treat replies as blocked
  // too rather than briefly allowing a composer that then gets pulled away.
  const isCheckingVerification = isLoggedIn && isCompaniesLoading;
  const isGated = isLoggedIn && !isCompaniesLoading && !isVerified;
  const canReply = !isLoggedIn || (!isCompaniesLoading && isVerified);

  const handleReplyBlocked = useCallback(() => {
    displayToast(VERIFIED_GATE_MESSAGE);
  }, [displayToast]);

  const handleStart = (): void => {
    if (isStarting) {
      return;
    }