sanity/src/core/field/diff/hooks/useChangeVerb.ts

Sanity is a real-time content infrastructure with a scalable, hosted backend featuring a Graph Oriented Query Language (GROQ), asset pipelines and fast edge caches

import {useTranslation} from '../../../i18n'
import {type Diff} from '../../types'

/** @internal */
export function useChangeVerb(diff: Diff): string {
  const {t} = useTranslation()
  const hadPrevValue = hasValue(diff.fromValue)
  const hasNextValue = hasValue(diff.toValue)
  if (!hadPrevValue && hasNextValue) {
    return t('changes.added-label')
  }

  if (!hasNextValue && hadPrevValue) {
    return t('changes.removed-label')
  }

  return t('changes.changed-label')
}

/** @internal */
function hasValue(value: unknown) {
  return value !== null && typeof value !== 'undefined' && value !== ''
}