[desk-tool] fix color function in boolean diff

sanity-io · Oct 6, 2020 · 7a6bbd9 · 7a6bbd9
1 parent 83d068c
commit 7a6bbd9
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/@sanity/desk-tool/src/diffs/boolean/BooleanFieldDiff.tsx b/packages/@sanity/desk-tool/src/diffs/boolean/BooleanFieldDiff.tsx
@@ -3,17 +3,17 @@ import {
   DiffComponent,
   BooleanDiff,
   DiffAnnotationTooltip,
-  useAnnotationColor
+  useDiffAnnotationColor
 } from '@sanity/field/diff'
 import ArrowIcon from 'part:@sanity/base/arrow-right'
 import {Checkbox, Switch} from './BooleanInput'
 import styles from './BooleanFieldDiff.css'
 
-export const BooleanFieldDiff /* : DiffComponent<BooleanDiff> */ = ({diff, schemaType}) => {
-  const {fromValue, toValue, annotation} = diff
+export const BooleanFieldDiff: DiffComponent<BooleanDiff> = ({diff, schemaType}) => {
+  const {fromValue, toValue} = diff
   const {title, options} = schemaType
   const Input = options?.layout === 'checkbox' ? Checkbox : Switch
-  const userColor = useAnnotationColor(annotation)
+  const userColor = useDiffAnnotationColor(diff, []) || {background: '', text: '', border: ''}
   return (
     <DiffAnnotationTooltip as="div" className={styles.root} diff={diff}>
       <Input checked={fromValue} color={userColor} />