Function getMutationStatusColor

packages/query-devtools/src/utils.tsx:49–65

({
  status,
  isPaused,
}: {
  status: Mutation['state']['status']
  isPaused: boolean
})

}

export function getMutationStatusColor({
  status,
  isPaused,
}: {
  status: Mutation['state']['status']
  isPaused: boolean
}) {
  return isPaused
    ? 'purple'
    : status === 'error'
      ? 'red'
      : status === 'pending'
        ? 'yellow'
        : status === 'success'
          ? 'green'
          : 'gray'
}

export function getQueryStatusColorByLabel(label: QueryStatusLabel) {
  return label === 'fresh'