@@ -49,35 +49,33 @@ const OptimizationStatus = ({ settings, setSettings, setCanSave, setTab }) => {
49
49
}
50
50
} ;
51
51
52
+ const {
53
+ optimization_status
54
+ } = optimoleDashboardApp . strings ;
52
55
53
56
const statuses = [
54
57
{
58
+ settingType : 'image_replacer' ,
55
59
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
60
63
} ,
61
64
{
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 ) : ' '
67
70
} ,
68
71
{
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 ) : ' '
74
77
}
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
+ ] ;
81
79
82
80
return (
83
81
< 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 }) => {
95
93
< Icon icon = { closeSmall } className = "fill-danger bg-danger/20 rounded-full" size = { 20 } />
96
94
) }
97
95
< div >
98
- < span className = 'text-gray-700 font-normal font- semibold' >
96
+ < span className = 'text-gray-700 font-semibold' >
99
97
{ status . label }
100
98
</ span >
101
99
< p className = "m-0" > { status . description } </ p >
0 commit comments