[field] PT: fix hook issue with useDiffAnnotationColor

sanity-io · Oct 6, 2020 · 62e27f7 · 62e27f7
1 parent 6852ad6
commit 62e27f7
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/packages/@sanity/field/src/types/portableText/diff/components/Block.tsx b/packages/@sanity/field/src/types/portableText/diff/components/Block.tsx
@@ -33,6 +33,8 @@ export default function Block(props: Props): JSX.Element {
     alert('Focus object here!')
   }
 
+  const color = useDiffAnnotationColor(diff, [])
+
   // eslint-disable-next-line complexity
   const renderBlock = ({
     block,
@@ -49,7 +51,6 @@ export default function Block(props: Props): JSX.Element {
     if (diff.action === 'changed' && diff.fields.style && diff.fields.style.action === 'changed') {
       fromStyle = diff.fromValue.style
       classNames.push(`changed_from_style_${fromStyle || 'undefined'}`)
-      const color = useDiffAnnotationColor(diff, [])
       const style = color ? {background: color.background, color: color.text} : {}
 
       returned = (

diff --git a/packages/@sanity/field/src/types/portableText/diff/components/Experimental.tsx b/packages/@sanity/field/src/types/portableText/diff/components/Experimental.tsx
@@ -50,7 +50,8 @@ export default function Block(props: Props): JSX.Element {
     alert('Focus object here!')
   }
 
-  // eslint-disable-next-line complexity
+  const color = useDiffAnnotationColor(diff, [])
+
   const renderBlock = ({
     block,
     children
@@ -66,7 +67,6 @@ export default function Block(props: Props): JSX.Element {
     if (diff.action === 'changed' && diff.fields.style && diff.fields.style.action === 'changed') {
       fromStyle = diff.fromValue.style
       classNames.push(`changed_from_style_${fromStyle || 'undefined'}`)
-      const color = useDiffAnnotationColor(diff, [])
       const style = color ? {background: color.background, color: color.text} : {}
 
       returned = (