fix regression issue #705

Author: selul

assets/src/dashboard/parts/connected/settings/Menu.js

@@ -55,12 +55,16 @@ const menuItems = [
 const SubMenu = ({
 	children,
 	tab,
+	settings,
 	setTab
 }) => {
 	return (
 		<ul className="flex flex-col gap-1 m-0 mt-1">
 			{children.map( item => {
 				const { value, label } = item;
+				if ( 'lazyload' === item.value && 'disabled' === settings.lazyload ) {
+					return;
+				}
 				const classes = classnames(
 					{
 						'bg-light-blue hover:text-purple-gray': tab === value,
@@ -82,13 +86,16 @@ const SubMenu = ({
 
 const Menu = ({
 	tab,
+	settings,
 	setTab
 }) => {
 	return (
 		<div className="basis-1/5">
 			<ul className="grid m-0 gap-1">
 				{menuItems.map( item => {
 					const isActive = tab === item.value || ( item.children && item.children.some( child => child.value === tab ) );
+
+
 					const buttonClasses = classnames({ '!text-info': isActive }, 'w-full bg-transparent border-0 flex items-center appearance-none not-italic font-semibold text-base text-purple-gray cursor-pointer hover:text-info py-2' );
 					return (
 						<li key={item.value} className='m-0'>
@@ -110,6 +117,7 @@ const Menu = ({
 								<SubMenu
 									children={item.children}
 									tab={tab}
+									settings={settings}
 									setTab={setTab}
 								/>
 							)}

assets/src/dashboard/parts/connected/settings/Resize.js

@@ -108,7 +108,7 @@ const Resize = ({
 
 			<hr className="my-8 border-grayish-blue"/>
 
-			<ToggleControl
+			{ 'disabled' !== settings.lazyload && ( <> <ToggleControl
 				label={ optimoleDashboardApp.strings.options_strings.enable_retina_title }
 				help={ () => <p dangerouslySetInnerHTML={ { __html: optimoleDashboardApp.strings.options_strings.enable_retina_desc } } /> }
 				checked={ isRetinaEnabled }
@@ -119,9 +119,9 @@ const Resize = ({
 					}
 				) }
 				onChange={ value => updateOption( 'retina_images', value ) }
-			/>
+			/> <hr className="my-8 border-grayish-blue"/> </> )
+			}
 
-			<hr className="my-8 border-grayish-blue"/>
 
 			<ToggleControl
 				label={ optimoleDashboardApp.strings.options_strings.enable_limit_dimensions_title }

assets/src/dashboard/parts/connected/settings/index.js

@@ -85,6 +85,7 @@ const Settings = ({
 			<Menu
 				tab={ tab }
 				setTab={ setTab }
+				settings={ settings }
 			/>
 
 			<div className="basis-4/5">