[desk-tool] Add placeholder boolean field diff component

packages/@sanity/desk-tool/src/diffs/BooleanFieldDiff.css

@@ -0,0 +1,2 @@
+.root {
+}

packages/@sanity/desk-tool/src/diffs/BooleanFieldDiff.tsx

@@ -0,0 +1,29 @@
+import {useUserColorManager} from '@sanity/base'
+import {BooleanDiff} from '@sanity/diff'
+import React from 'react'
+import {Annotation} from '../panes/documentPane/history/types'
+import {AnnotationTooltip} from './annotationTooltip'
+import {getAnnotationColor} from './helpers'
+import {DiffComponent} from './types'
+
+import styles from './BooleanFieldDiff.css'
+
+export const BooleanFieldDiff: DiffComponent<BooleanDiff<Annotation>> = ({diff}) => {
+  const userColorManager = useUserColorManager()
+  const {fromValue, toValue, annotation} = diff
+  const color = getAnnotationColor(userColorManager, annotation)
+
+  return (
+    <AnnotationTooltip annotation={annotation}>
+      <div className={styles.root} style={{background: color.bg, color: color.fg}}>
+        {fromValue !== undefined && (
+          <>
+            <input type="checkbox" checked={fromValue} readOnly />
+            <span>&rarr;</span>
+          </>
+        )}
+        <input type="checkbox" checked={toValue} readOnly />
+      </div>
+    </AnnotationTooltip>
+  )
+}

packages/@sanity/desk-tool/src/diffs/defaultComponents.ts

@@ -3,10 +3,12 @@ import {NumberFieldDiff} from './NumberFieldDiff'
 import {StringFieldDiff} from './StringFieldDiff'
 import {ReferenceFieldDiff} from './ReferenceFieldDiff'
 import {ImageFieldDiff} from './ImageFieldDiff'
+import {BooleanFieldDiff} from './BooleanFieldDiff'
 
 export const defaultComponents: {[key: string]: DiffComponent<any>} = {
   string: StringFieldDiff,
   number: NumberFieldDiff,
   reference: ReferenceFieldDiff,
-  image: ImageFieldDiff
+  image: ImageFieldDiff,
+  boolean: BooleanFieldDiff
 }