@@ -49,35 +49,33 @@ const OptimizationStatus = ({ settings, setSettings, setCanSave, setTab }) => {
4949 }
5050 } ;
5151
52+ const {
53+ optimization_status
54+ } = optimoleDashboardApp . strings ;
5255
5356 const statuses = [
5457 {
58+ settingType : 'image_replacer' ,
5559 active : imageHandlingEnabled ,
56- label : optimoleDashboardApp . strings . optimization_status . statusTitle1 ,
57- description : optimoleDashboardApp . strings . optimization_status . statusSubTitle1 ,
58- buttonText : imageHandlingEnabled ? optimoleDashboardApp . strings . optimization_status . manage : optimoleDashboardApp . strings . optimization_status . enable ,
59- settingType : 'image_replacer'
60+ label : optimization_status . statusTitle1 ,
61+ description : optimization_status . statusSubTitle1 ,
62+ buttonText : imageHandlingEnabled ? optimization_status . manage : optimization_status . enable
6063 } ,
6164 {
62- active : lazyloadEnabled ,
63- label : optimoleDashboardApp . strings . optimization_status . statusTitle2 ,
64- description : optimoleDashboardApp . strings . optimization_status . statusSubTitle2 ,
65- buttonText : lazyloadEnabled ? optimoleDashboardApp . strings . optimization_status . disable : optimoleDashboardApp . strings . optimization_status . enable ,
66- settingType : 'lazyload '
65+ settingType : 'lazyload' ,
66+ active : lazyloadEnabled && imageHandlingEnabled ,
67+ label : optimization_status . statusTitle2 ,
68+ description : optimization_status . statusSubTitle2 ,
69+ buttonText : imageHandlingEnabled ? ( lazyloadEnabled ? optimization_status . disable : optimization_status . enable ) : ' '
6770 } ,
6871 {
69- active : lazyloadEnabled && 'disabled' === settings ?. scale ,
70- label : optimoleDashboardApp . strings . optimization_status . statusTitle3 ,
71- description : optimoleDashboardApp . strings . optimization_status . statusSubTitle3 ,
72- buttonText : ( lazyloadEnabled && 'disabled' === settings ?. scale ) ? optimoleDashboardApp . strings . optimization_status . disable : optimoleDashboardApp . strings . optimization_status . enable ,
73- settingType : ' scale'
72+ settingType : ' scale' ,
73+ active : ( lazyloadEnabled && 'disabled' === settings ?. scale ) && imageHandlingEnabled ,
74+ label : optimization_status . statusTitle3 ,
75+ description : optimization_status . statusSubTitle3 ,
76+ buttonText : imageHandlingEnabled ? ( ( lazyloadEnabled && 'disabled' === settings ?. scale ) ? optimization_status . disable : optimization_status . enable ) : ' '
7477 }
75- ] . map ( el => ( {
76- ...el , active : imageHandlingEnabled && el . active ,
77- buttonText : 'image_replacer' === el . settingType ?
78- ( imageHandlingEnabled ? el . buttonText : optimoleDashboardApp . strings . optimization_status . enable ) :
79- ( imageHandlingEnabled ? el . buttonText : optimoleDashboardApp . strings . optimization_status . block )
80- } ) ) ;
78+ ] ;
8179
8280 return (
8381 < div className = "bg-white flex flex-col text-gray-700 border-0 rounded-lg shadow-md p-8" >
@@ -95,7 +93,7 @@ const OptimizationStatus = ({ settings, setSettings, setCanSave, setTab }) => {
9593 < Icon icon = { closeSmall } className = "fill-danger bg-danger/20 rounded-full" size = { 20 } />
9694 ) }
9795 < div >
98- < span className = 'text-gray-700 font-normal font- semibold' >
96+ < span className = 'text-gray-700 font-semibold' >
9997 { status . label }
10098 </ span >
10199 < p className = "m-0" > { status . description } </ p >
0 commit comments