move isSelectedCustom declaration to come before the new variable i…

…s called
WordPress · May 26, 2022 · b37de51 · b37de51
1 parent a3c0e22
commit b37de51
Showing 1 changed file with 18 additions and 18 deletions.
diff --git a/packages/components/src/color-palette/index.native.js b/packages/components/src/color-palette/index.native.js
@@ -70,6 +70,24 @@ function ColorPalette( {
 	);
 	const colors = isGradientSegment ? defaultGradientColors : defaultColors;
 
+	const isSelectedCustom = useCallback( () => {
+		const isWithinColors =
+			activeColor && mergedColors && mergedColors.includes( activeColor );
+		if ( enableCustomColor && activeColor ) {
+			if ( isGradientSegment ) {
+				return isGradientColor && ! isWithinColors;
+			}
+			return ! isGradientColor && ! isWithinColors;
+		}
+		return false;
+	}, [
+		activeColor,
+		mergedColors,
+		enableCustomColor,
+		isGradientColor,
+		isGradientSegment,
+	] );
+
 	const customIndicatorColor = isGradientSegment
 		? activeColor
 		: customSwatchGradients;
@@ -94,24 +112,6 @@ function ColorPalette( {
 		}
 	}, [ currentSegment, isSelectedCustom ] );
 
-	const isSelectedCustom = useCallback( () => {
-		const isWithinColors =
-			activeColor && mergedColors && mergedColors.includes( activeColor );
-		if ( enableCustomColor && activeColor ) {
-			if ( isGradientSegment ) {
-				return isGradientColor && ! isWithinColors;
-			}
-			return ! isGradientColor && ! isWithinColors;
-		}
-		return false;
-	}, [
-		activeColor,
-		mergedColors,
-		enableCustomColor,
-		isGradientColor,
-		isGradientSegment,
-	] );
-
 	function isSelected( color ) {
 		return ! isSelectedCustom() && activeColor === color;
 	}