Function useBlockPostPanel

packages/shared/src/hooks/post/useBlockPostPanel.ts:73–273

(
  post: Post | ReadHistoryPost,
  { toastOnSuccess, blockedSource, feedId }: UseBlockPostProps = {},
)

const ignoredCall = () => Promise.resolve({ successful: true });

export const useBlockPostPanel = (
  post: Post | ReadHistoryPost,
  { toastOnSuccess, blockedSource, feedId }: UseBlockPostProps = {},
): UseBlockPost => {
  const { openModal } = useLazyModal();
  const { displayToast } = useToastNotification();
  const { onBlockTags, onBlockSource, onUnblockTags, onUnblockSource } =
    useTagAndSource({
      origin: Origin.TagsFilter,
      postId: post?.id,
      shouldInvalidateQueries: false,
      feedId,
    });
  const client = useQueryClient();
  const { user } = useAuthContext();
  const { checkHasCompleted, completeAction } = useActions();
  const key = generateQueryKey(RequestKey.Post, user, `block:${post?.id}`);
  const { data } = useQuery<BlockData>({
    queryKey: key,
    queryFn: () => client.getQueryData(key),
    initialData: {},
    ...disabledRefetch,
  });
  const setShowTagsPanel = useCallback(
    (params: BlockData) =>
      client.setQueryData<BlockData>(key, (current) => ({
        ...current,
        ...params,
      })),
    [client, key],
  );

  const value = useMemo<BlockData>(
    () => ({
      ...data,
      showTagsPanel: checkHasCompleted(ActionType.HideBlockPanel)
        ? undefined
        : data?.showTagsPanel,
    }),
    [data, checkHasCompleted],
  );

  const updateFeedPreferences = useCallback(
    async (
      blocks: string[],
      unblocks: string[],
      shouldBlockSource?: boolean,
    ) => {
      const onUpdateSource = shouldBlockSource
        ? onBlockSource
        : onUnblockSource;

      const results = await Promise.all([
        blocks.length ? onBlockTags({ tags: blocks }) : ignoredCall(),
        unblocks.length ? onUnblockTags({ tags: unblocks }) : ignoredCall(),
        isNullOrUndefined(shouldBlockSource)
          ? ignoredCall()
          : onUpdateSource({ source: post.source }),