sentinel/static/app/components/feedback/list/useBulkEditFeedbacks.tsx

import {useCallback} from 'react';

import {
  addErrorMessage,
  addLoadingMessage,
  addSuccessMessage,
} from 'sentry/actionCreators/indicator';
import {openConfirmModal} from 'sentry/components/confirm';
import type useListItemCheckboxState from 'sentry/components/feedback/list/useListItemCheckboxState';
import useMutateFeedback from 'sentry/components/feedback/useMutateFeedback';
import {t, tct} from 'sentry/locale';
import {GroupStatus} from 'sentry/types';
import {trackAnalytics} from 'sentry/utils/analytics';
import useOrganization from 'sentry/utils/useOrganization';

const statusToButtonLabel: Record<string, string> = {
  resolved: t('Resolve'),
  unresolved: t('Unresolve'),
  ignored: t('Mark as Spam'),
};

const statusToText: Record<string, string> = {
  resolved: 'resolved',
  unresolved: 'unresolved',
  ignored: 'spam',
};

interface Props
  extends Pick<
    ReturnType<typeof useListItemCheckboxState>,
    'deselectAll' | 'selectedIds'
  > {}

export default function useBulkEditFeedbacks({deselectAll, selectedIds}: Props) {
  const organization = useOrganization();
  const {markAsRead, resolve} = useMutateFeedback({
    feedbackIds: selectedIds,
    organization,
  });

  const onToggleResovled = useCallback(
    ({newMailbox, moveToInbox}: {newMailbox: GroupStatus; moveToInbox?: boolean}) => {
      openConfirmModal({
        bypass: Array.isArray(selectedIds) && selectedIds.length === 1,
        onConfirm: () => {
          if (newMailbox === GroupStatus.IGNORED) {
            // target action is marking as spam aka ignored
            trackAnalytics('feedback.mark-spam-clicked', {
              organization,
              type: 'bulk',
            });
          }
          addLoadingMessage(t('Updating feedbacks...'));
          resolve(newMailbox, {
            onError: () => {
              addErrorMessage(t('An error occurred while updating the feedbacks.'));
            },
            onSuccess: () => {
              addSuccessMessage(t('Updated feedbacks'));
              deselectAll();
            },
          });
        },
        message: moveToInbox
          ? t('Are you sure you want to move these feedbacks to the inbox?')
          : tct('Are you sure you want to mark these feedbacks as [status]?', {
              status: statusToText[newMailbox],
            }),
        confirmText: moveToInbox ? t('Move to Inbox') : statusToButtonLabel[newMailbox],
        withoutBold: true,
      });
    },
    [deselectAll, resolve, selectedIds, organization]
  );

  const onMarkAsRead = useCallback(
    () =>
      openConfirmModal({
        bypass: Array.isArray(selectedIds) && selectedIds.length === 1,
        onConfirm: () => {
          addLoadingMessage(t('Updating feedbacks...'));
          markAsRead(true, {
            onError: () => {
              addErrorMessage(t('An error occurred while updating the feedbacks.'));
            },
            onSuccess: () => {
              addSuccessMessage(t('Updated feedbacks'));
              deselectAll();
            },
          });
        },
        message: t('Are you sure you want to mark these feedbacks as read?'),
        confirmText: 'Mark read',
      }),
    [deselectAll, markAsRead, selectedIds]
  );

  const onMarkUnread = useCallback(
    () =>
      openConfirmModal({
        bypass: Array.isArray(selectedIds) && selectedIds.length === 1,
        onConfirm: () => {
          addLoadingMessage(t('Updating feedbacks...'));
          markAsRead(false, {
            onError: () => {
              addErrorMessage(t('An error occurred while updating the feedbacks.'));
            },
            onSuccess: () => {
              addSuccessMessage(t('Updated feedbacks'));
              deselectAll();
            },
          });
        },
        message: t('Are you sure you want to mark these feedbacks as unread?'),
        confirmText: 'Mark unread',
      }),
    [deselectAll, markAsRead, selectedIds]
  );

  return {
    onToggleResovled,
    onMarkAsRead,
    onMarkUnread,
  };
}