chore: allow editing of conditions without saving in free

Author: HardeepAsrani

css/settings.css

@@ -2365,10 +2365,6 @@ li.draggable-item .components-panel__body-toggle.components-button{
 	padding: 24px 0;
 }
 
-.fz-conditions .components-disabled {
-	opacity: 0.5;
-}
-
 .fz-condition-control .components-button {
 	width: 100%;
 	margin: 0;

js/Conditions/conditions.js

@@ -1,8 +1,6 @@
 /**
  * WordPress dependencies.
  */
-import { Disabled } from '@wordpress/components';
-
 import domReady from '@wordpress/dom-ready';
 
 import {
@@ -34,29 +32,26 @@ const App = () => {
     } );
 
     useEffect( () => {
+        if ( ! feedzyData.isPro ) {
+            setConditions( dummyConditions );
+            return
+        }
+
         const field = document.getElementById( 'feed-post-filters-conditions' );
         if ( field && field.value ) {
             const parsedConditions = JSON.parse( field.value );
-            console.log( parsedConditions && parsedConditions.conditions ? parsedConditions : { conditions: [], match: 'all' } )
             setConditions( parsedConditions && parsedConditions.conditions ? parsedConditions : { conditions: [], match: 'all' } );
         }
     }, [] );
 
     useEffect( () => {
+        if ( ! feedzyData.isPro ) {
+            return
+        }
+
         document.getElementById( 'feed-post-filters-conditions' ).value = JSON.stringify( conditions );
     }, [ conditions ] );
 
-    if ( ! feedzyData.isPro ) {
-        return (
-            <Disabled>
-                <ConditionsControl
-                    conditions={ dummyConditions }
-                    setConditions={ setConditions }
-                />
-            </Disabled>
-        );
-    }
-
     return (
         <ConditionsControl
             conditions={ conditions }