Mobile - ColorPalette - Add optional chaining for allColors and gradi…

…ents, in some cases these values can be undefined, depending on the theme colors/configuration. It also adds a fallback name for colors that don't have a name value

packages/components/src/color-palette/index.native.js

@@ -15,7 +15,7 @@ import {
 /**
  * WordPress dependencies
  */
-import { __ } from '@wordpress/i18n';
+import { __, sprintf } from '@wordpress/i18n';
 import { useRef, useEffect } from '@wordpress/element';
 import { usePreferredColorSchemeStyle } from '@wordpress/compose';
 
@@ -176,14 +176,19 @@ function ColorPalette( {
 	}
 
 	function getColorGradientName( value ) {
+		const fallbackName = sprintf(
+			/* translators: %s: the hex color value */
+			__( 'Unlabeled color. %s' ),
+			value
+		);
 		const foundColorName = isGradientSegment
-			? defaultSettings.gradients.find(
+			? defaultSettings.gradients?.find(
 					( gradient ) => gradient.gradient === value
 			  )
-			: defaultSettings.allColors.find(
+			: defaultSettings.allColors?.find(
 					( color ) => color.color === value
 			  );
-		return foundColorName ? foundColorName?.name : '';
+		return foundColorName ? foundColorName?.name : fallbackName;
 	}
 
 	function onColorPress( color ) {