fix color schemes if empty

Author: kaeizen

src/plugins/global-settings/color-schemes/index.php

@@ -30,7 +30,6 @@ class Stackable_Global_Color_Schemes {
   		function __construct() {
 			// Register our settings.
 			add_action( 'register_stackable_global_settings', array( $this, 'register_color_schemes' ) );
-			add_action( 'stackable_early_version_upgraded', array( $this, 'set_global_color_scheme_default_values' ), 10, 2 );
 			if ( is_frontend() ) {
 
 				/**
@@ -158,30 +157,6 @@ public static function get_color_scheme_properties( $values = null ) {
 			return $_properties;
 		}
 
-		/**
-		 * When upgrading, make sure that there are default global color schemes.
-		 */
-		function set_global_color_scheme_default_values( $old_version, $new_version ) {
-			if ( ! get_option( 'stackable_global_color_schemes' ) ) {
-				$empty_color_scheme = Stackable_Global_Color_Schemes::get_color_scheme_properties( array( 'desktop' => '' ) );
-
-				$default = array(
-					array(
-						'name' => 'Default Scheme',
-						'key' => 'scheme-default-1',
-						'colorScheme' => $empty_color_scheme
-					),
-					array(
-						'name' => 'Color Scheme 2',
-						'key' => 'scheme-default-2',
-						'colorScheme' => $empty_color_scheme
-					),
-				);
-
-				update_option( 'stackable_global_color_schemes', $default );
-			}
-		}
-
 		/**-----------------------------------------------------------------------------
 		 * Global Color Scheme functions
 		 *-----------------------------------------------------------------------------*/

src/plugins/global-settings/color-schemes/store.js

@@ -74,7 +74,34 @@ domReady( () => {
 			stackable_global_background_mode_color_scheme: backgroundModeColorScheme,
 			stackable_global_container_mode_color_scheme: containerModeColorScheme,
 		} = response
-		const colorSchemes = _colorSchemes || []
+		const colorSchemes = Array.isArray( _colorSchemes ) && _colorSchemes.length > 0 ? _colorSchemes : [ {
+			name: 'Default Scheme',
+			key: 'scheme-default-1',
+			colorScheme: {
+				backgroundColor: { desktop: '' },
+				headingColor: { desktop: '' },
+				textColor: { desktop: '' },
+				linkColor: { desktop: '' },
+				accentColor: { desktop: '' },
+				buttonBackgroundColor: { desktop: '' },
+				buttonTextColor: { desktop: '' },
+				buttonOutlineColor: { desktop: '' },
+			},
+		}, {
+			name: 'Color Scheme 2',
+			key: 'scheme-default-2',
+			colorScheme: {
+				backgroundColor: { desktop: '' },
+				headingColor: { desktop: '' },
+				textColor: { desktop: '' },
+				linkColor: { desktop: '' },
+				accentColor: { desktop: '' },
+				buttonBackgroundColor: { desktop: '' },
+				buttonTextColor: { desktop: '' },
+				buttonOutlineColor: { desktop: '' },
+			},
+		} ]
+
 		const defaultColorScheme = {
 			baseColorScheme,
 			backgroundModeColorScheme,