diff --git a/.eslintrc.js b/.eslintrc.js
index 7026b07766398eb13a968ec606bdf0d1dc1b8918..ee2350f238c0b9c16372bf82e8cf93fc2a1d88cf 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -50,6 +50,7 @@ module.exports = {
'no-param-reassign': 'warn',
'spaced-comment': ['error', 'always', { block: { exceptions: ['*'] } }],
'react/self-closing-comp': 'warn',
+ 'react/jsx-curly-brace-presence': ['error'],
// Rule to suggest using useAppDispatch instead of regular useDispatch
'no-restricted-imports': 'off',
diff --git a/src/components/Action/ActionModal/ActionModal.tsx b/src/components/Action/ActionModal/ActionModal.tsx
index e681a46a8db1df94f24cc6dbcc44fcad94132574..c8de7f28d15013698ac854b46ab1c4b21e31ac94 100644
--- a/src/components/Action/ActionModal/ActionModal.tsx
+++ b/src/components/Action/ActionModal/ActionModal.tsx
@@ -45,13 +45,13 @@ const ActionModal = ({
<Dialog
open={open}
onClose={handleCloseClick}
- aria-labelledby={'accessibility-title'}
+ aria-labelledby="accessibility-title"
classes={{
root: 'modal-root',
paper: 'modal-paper',
}}
>
- <div id={'accessibility-title'}>
+ <div id="accessibility-title">
{t('action_modal.accessibility.window_title')}
</div>
<div className="action-modal">
diff --git a/src/components/Action/ActionView.tsx b/src/components/Action/ActionView.tsx
index 44a101159b1a5cb6298eaff9157ea72974c6ddfe..705a66031d0b2d791d1041f7bc8f874c019f5ace 100644
--- a/src/components/Action/ActionView.tsx
+++ b/src/components/Action/ActionView.tsx
@@ -28,10 +28,10 @@ const ActionView = () => {
return (
<>
- <CozyBar titleKey={'common.title_action'} displayBackArrow={true} />
+ <CozyBar titleKey="common.title_action" displayBackArrow={true} />
<Header
setHeaderHeight={setHeaderHeight}
- desktopTitleKey={'common.title_action'}
+ desktopTitleKey="common.title_action"
displayBackArrow={true}
/>
<Content heightOffset={headerHeight}>
diff --git a/src/components/Analysis/AnalysisView.tsx b/src/components/Analysis/AnalysisView.tsx
index 6f8421d9adda9f10fdbee7bc360cb9ac016b28e8..424dcb2f2ee56666b019cecdd4d36673ff59e146 100644
--- a/src/components/Analysis/AnalysisView.tsx
+++ b/src/components/Analysis/AnalysisView.tsx
@@ -111,10 +111,10 @@ const AnalysisView = () => {
return (
<>
- <CozyBar titleKey={'common.title_analysis'} />
+ <CozyBar titleKey="common.title_analysis" />
<Header
setHeaderHeight={setHeaderHeight}
- desktopTitleKey={'common.title_analysis'}
+ desktopTitleKey="common.title_analysis"
>
<DateNavigator
disableNext={isLastDateReached(analysisMonth, TimeStep.MONTH)}
diff --git a/src/components/Analysis/Comparison/FluidPerformanceIndicator.tsx b/src/components/Analysis/Comparison/FluidPerformanceIndicator.tsx
index a8a9cdabfa4fc152bedeab2e7ced23787002af60..84ede422be562056cbcffbd4f54222ce1ebed52d 100644
--- a/src/components/Analysis/Comparison/FluidPerformanceIndicator.tsx
+++ b/src/components/Analysis/Comparison/FluidPerformanceIndicator.tsx
@@ -58,7 +58,7 @@ const FluidPerformanceIndicator = ({
</span>
)}
{performanceIndicator?.percentageVariation !== null && (
- <div className={`fpi-comparison`}>
+ <div className="fpi-comparison">
<span
className={`percent ${positive ? 'positive' : 'negative'}`}
>
diff --git a/src/components/Analysis/ElecHalfHourMonthlyAnalysis/ElecHalfHourMonthlyAnalysis.tsx b/src/components/Analysis/ElecHalfHourMonthlyAnalysis/ElecHalfHourMonthlyAnalysis.tsx
index f447f68078cfe6b09ca93c14838eff6fb7655d00..362cfc35ad3ad2907fb2db7dcfe974675f658d17 100644
--- a/src/components/Analysis/ElecHalfHourMonthlyAnalysis/ElecHalfHourMonthlyAnalysis.tsx
+++ b/src/components/Analysis/ElecHalfHourMonthlyAnalysis/ElecHalfHourMonthlyAnalysis.tsx
@@ -70,7 +70,7 @@ const ElecHalfHourMonthlyAnalysis = ({
/>
)
} else {
- return <p className={`text-20-bold no_data`}>{t('analysis.no_data')}</p>
+ return <p className="text-20-bold no_data">{t('analysis.no_data')}</p>
}
}, [isDataFullyComplete, isWeekend, monthDataloads, t])
diff --git a/src/components/Analysis/ElecHalfHourMonthlyAnalysis/ElecInfoModal.tsx b/src/components/Analysis/ElecHalfHourMonthlyAnalysis/ElecInfoModal.tsx
index 97275ab60d837a21e36b4e91ca134a1d9fd39549..8f61f8aff2116494afb98998e1b2158a5c9f975d 100644
--- a/src/components/Analysis/ElecHalfHourMonthlyAnalysis/ElecInfoModal.tsx
+++ b/src/components/Analysis/ElecHalfHourMonthlyAnalysis/ElecInfoModal.tsx
@@ -18,13 +18,13 @@ const ElecInfoModal = ({ open, handleCloseClick }: ElecInfoModalProps) => {
<Dialog
open={open}
onClose={handleCloseClick}
- aria-labelledby={'accessibility-title'}
+ aria-labelledby="accessibility-title"
classes={{
root: 'modal-root',
paper: 'modal-paper',
}}
>
- <div id={'accessibility-title'}>
+ <div id="accessibility-title">
{t('elec_info_modal.accessibility.window_title')}
</div>
<IconButton
diff --git a/src/components/Analysis/MaxConsumptionCard/MaxConsumptionCard.tsx b/src/components/Analysis/MaxConsumptionCard/MaxConsumptionCard.tsx
index cbc3825500b621466f8adfd51bb02379aef7855a..3f71b5b1e9143890683e03ac244492606594c03f 100644
--- a/src/components/Analysis/MaxConsumptionCard/MaxConsumptionCard.tsx
+++ b/src/components/Analysis/MaxConsumptionCard/MaxConsumptionCard.tsx
@@ -148,7 +148,7 @@ const MaxConsumptionCard = ({
{!isLoading && (
<>
{!maxDayData && (
- <p className={`text-20-bold no_data`}>{t('analysis.no_data')}</p>
+ <p className="text-20-bold no_data">{t('analysis.no_data')}</p>
)}
{maxDayData && currentFluid !== undefined && (
<>
diff --git a/src/components/Analysis/TotalAnalysisChart/TotalAnalysisChart.tsx b/src/components/Analysis/TotalAnalysisChart/TotalAnalysisChart.tsx
index 9df2ac11c72bd24ce31897f69ceb9987795fc420..f2b7e412e65a908505e1c4a28341377f72bde2d7 100644
--- a/src/components/Analysis/TotalAnalysisChart/TotalAnalysisChart.tsx
+++ b/src/components/Analysis/TotalAnalysisChart/TotalAnalysisChart.tsx
@@ -73,7 +73,7 @@ const TotalAnalysisChart = ({
{formatNumberValues(0)}
<span className="euro-unit">{t('FLUID.MULTIFLUID.UNIT')}</span>
</div>
- <div className={`text-20-bold no_data`}>{t('analysis.no_data')}</div>
+ <div className="text-20-bold no_data">{t('analysis.no_data')}</div>
</PieChart>
)
diff --git a/src/components/Challenge/ChallengeCardOnGoing/ChallengeCardOnGoing.tsx b/src/components/Challenge/ChallengeCardOnGoing/ChallengeCardOnGoing.tsx
index 000df33b954b07a5a32d66e97a1898f194820d7c..9d449c427f23834fe7568d805ffb4982e8608e4f 100644
--- a/src/components/Challenge/ChallengeCardOnGoing/ChallengeCardOnGoing.tsx
+++ b/src/components/Challenge/ChallengeCardOnGoing/ChallengeCardOnGoing.tsx
@@ -293,7 +293,7 @@ const ChallengeCardOnGoing = ({
)
} else {
return (
- <Button className={`smallCard duelCard duelLocked`} disabled>
+ <Button className="smallCard duelCard duelLocked" disabled>
<div className="starCount">
<StyledIcon icon={circleStar} size={30} />
<span className="blueNumber">
diff --git a/src/components/Challenge/ChallengeNoFluidModal/ChallengeNoFluidModal.tsx b/src/components/Challenge/ChallengeNoFluidModal/ChallengeNoFluidModal.tsx
index 46d0057675c15f5364de798f37f15ec6d2183ca4..b696d9722b077d6c40d0a711658e2a2f47fc215a 100644
--- a/src/components/Challenge/ChallengeNoFluidModal/ChallengeNoFluidModal.tsx
+++ b/src/components/Challenge/ChallengeNoFluidModal/ChallengeNoFluidModal.tsx
@@ -22,13 +22,13 @@ const ChallengeNoFluidModal = ({
onClose={(event, reason): void => {
event && reason !== 'backdropClick' && handleCloseClick()
}}
- aria-labelledby={'accessibility-title'}
+ aria-labelledby="accessibility-title"
classes={{
root: 'modal-root',
paper: 'modal-paper',
}}
>
- <div id={'accessibility-title'}>
+ <div id="accessibility-title">
{t('challenge_no_fluid_modal.accessibility.window_title')}
</div>
<div className="noFluidModal">
diff --git a/src/components/Challenge/ChallengeView.tsx b/src/components/Challenge/ChallengeView.tsx
index df8ad1daf332710343bb146feb4ef8cfff51502a..b2de63cc4a49ac93f02b48fa8f90b73a2b9c3165 100644
--- a/src/components/Challenge/ChallengeView.tsx
+++ b/src/components/Challenge/ChallengeView.tsx
@@ -105,10 +105,10 @@ const ChallengeView = () => {
return (
<>
- <CozyBar titleKey={'common.title_challenge'} />
+ <CozyBar titleKey="common.title_challenge" />
<Header
setHeaderHeight={setHeaderHeight}
- desktopTitleKey={'common.title_challenge'}
+ desktopTitleKey="common.title_challenge"
/>
<Content heightOffset={headerHeight}>
<div
diff --git a/src/components/Charts/AxisBottom.tsx b/src/components/Charts/AxisBottom.tsx
index 11a5410ec0e2b502561538d0edf38d1fa5876ae7..66724b1de05cd7b9e818e6e51b566c6c8ed9a440 100644
--- a/src/components/Charts/AxisBottom.tsx
+++ b/src/components/Charts/AxisBottom.tsx
@@ -112,7 +112,7 @@ function TextAxis({
return (
<text x={width} y="10" dy="0.71em">
<tspan className={style} textAnchor="middle">
- {'-'}
+ -
</tspan>
</text>
)
diff --git a/src/components/Charts/UncomingBar.tsx b/src/components/Charts/UncomingBar.tsx
index 3a252cb967e7dfb7bfbf363a57276966fa34e2ef..7f0380b878bdfcfd61fdbfc062d1fb5f15589860 100644
--- a/src/components/Charts/UncomingBar.tsx
+++ b/src/components/Charts/UncomingBar.tsx
@@ -87,7 +87,7 @@ const UncomingBar = ({
y="0"
width={getBandWidth()}
height={height + 40}
- className={`background-false`}
+ className="background-false"
fill="#E0E0E0"
/>
</g>
@@ -107,7 +107,7 @@ const UncomingBar = ({
)}
fill="url(#gradient)"
strokeDasharray="5"
- stroke={'#61f0f2'}
+ stroke="#61f0f2"
onAnimationEnd={onAnimationEnd}
className={barClass}
/>
diff --git a/src/components/CommonKit/ErrorPage/ErrorPage.spec.tsx b/src/components/CommonKit/ErrorPage/ErrorPage.spec.tsx
index f1482257208d279c2dd0eed0a81feeb4f02a1356..d47cc5c52f26a4903135858886fcf1a548f328cd 100644
--- a/src/components/CommonKit/ErrorPage/ErrorPage.spec.tsx
+++ b/src/components/CommonKit/ErrorPage/ErrorPage.spec.tsx
@@ -17,16 +17,12 @@ jest.mock('components/Content/Content', () => 'mock-content')
describe('ErrorPage component', () => {
it('should be rendered correctly', async () => {
- const wrapper = mount(
- <ErrorPage text={'test'} returnPage={'ecogestures'} />
- )
+ const wrapper = mount(<ErrorPage text="test" returnPage="ecogestures" />)
expect(toJson(wrapper)).toMatchSnapshot()
})
it('should click on button and be redirected', () => {
- const wrapper = mount(
- <ErrorPage text={'test'} returnPage={'ecogestures'} />
- )
+ const wrapper = mount(<ErrorPage text="test" returnPage="ecogestures" />)
wrapper.find(Button).simulate('click')
expect(mockedNavigate).toHaveBeenCalledWith('/ecogestures')
})
diff --git a/src/components/CommonKit/ErrorPage/ErrorPage.tsx b/src/components/CommonKit/ErrorPage/ErrorPage.tsx
index 2a0c99ac1de5a80f148ceea51c8be5a24c047fa9..fcf61d99a24ded0be4f01b4bca42026a56aa2f86 100644
--- a/src/components/CommonKit/ErrorPage/ErrorPage.tsx
+++ b/src/components/CommonKit/ErrorPage/ErrorPage.tsx
@@ -21,10 +21,10 @@ const ErrorPage = ({ text, returnPage }: ErrorPageProps) => {
return (
<>
- <CozyBar titleKey={'error_page.main'} />
+ <CozyBar titleKey="error_page.main" />
<Header
setHeaderHeight={setHeaderHeight}
- desktopTitleKey={'error_page.main'}
+ desktopTitleKey="error_page.main"
/>
<Content heightOffset={headerHeight}>
<div className="error-container">
@@ -34,7 +34,7 @@ const ErrorPage = ({ text, returnPage }: ErrorPageProps) => {
<Button
aria-label={t('error_page.back')}
onClick={() => navigate(`/${returnPage}`)}
- variant={'contained'}
+ variant="contained"
classes={{
root: 'btn-highlight',
label: 'text-18-bold',
diff --git a/src/components/CommonKit/FormNavigation/FormNavigation.tsx b/src/components/CommonKit/FormNavigation/FormNavigation.tsx
index 626efbd846ae75000307002bd270d9b8d15af06c..7669a380caa421d978f7225640163710e32ca60b 100644
--- a/src/components/CommonKit/FormNavigation/FormNavigation.tsx
+++ b/src/components/CommonKit/FormNavigation/FormNavigation.tsx
@@ -59,7 +59,7 @@ const FormNavigation = ({
<Button
aria-label={t('profile_type.accessibility.button_previous')}
onClick={handlePreviousClick}
- className={'profile-navigation-button'}
+ className="profile-navigation-button"
disabled={
disablePrevButton || step === ProfileTypeStepForm.HOUSING_TYPE
}
diff --git a/src/components/CommonKit/FormProgress/FormProgress.tsx b/src/components/CommonKit/FormProgress/FormProgress.tsx
index 255f52b4e68746325c58dd5d74a9438a7dd0879f..103e6305a72b80eee37158e5db0414c0c2d2ac49 100644
--- a/src/components/CommonKit/FormProgress/FormProgress.tsx
+++ b/src/components/CommonKit/FormProgress/FormProgress.tsx
@@ -16,11 +16,11 @@ const FormProgress = ({ step, formType }: FormProgressProps) => {
return progress
}
return (
- <div className={'profile-type-progress'}>
- <div className={'profile-type-progress-label'}>{getProgress()}%</div>
- <div className={'profile-type-progress-bar-container'}>
+ <div className="profile-type-progress">
+ <div className="profile-type-progress-label">{getProgress()}%</div>
+ <div className="profile-type-progress-bar-container">
<div
- className={'profile-type-progress-bar-content'}
+ className="profile-type-progress-bar-content"
style={{ width: `${getProgress()}%` }}
/>
</div>
diff --git a/src/components/Connection/EPGLConnect/EpglBill.tsx b/src/components/Connection/EPGLConnect/EpglBill.tsx
index 649848d8fa79bf9374a3f1d95c5357745e4d4a7a..2141111af9f9473bb61c88c65462e8dd4061918d 100644
--- a/src/components/Connection/EPGLConnect/EpglBill.tsx
+++ b/src/components/Connection/EPGLConnect/EpglBill.tsx
@@ -23,7 +23,7 @@ const EpglBill = () => {
<StyledIcon icon={WaterBillIcon} size={180} />
<p
- className={'connection-form-subtitle eglgrandlyon text-16-regular'}
+ className="connection-form-subtitle eglgrandlyon text-16-regular"
dangerouslySetInnerHTML={{ __html: t('auth.eglgrandlyon.bill') }}
/>
diff --git a/src/components/Connection/ExpiredConsentModal/ExpiredConsentModal.tsx b/src/components/Connection/ExpiredConsentModal/ExpiredConsentModal.tsx
index 5176b5e0489a209937c8cc0145fccb83fd4622ed..6060c4ecea8c7fcde90ac452a1816db1e4fa476b 100644
--- a/src/components/Connection/ExpiredConsentModal/ExpiredConsentModal.tsx
+++ b/src/components/Connection/ExpiredConsentModal/ExpiredConsentModal.tsx
@@ -63,13 +63,13 @@ const ExpiredConsentModal = ({
<Dialog
open={open}
onClose={toggleModal}
- aria-labelledby={'accessibility-title'}
+ aria-labelledby="accessibility-title"
classes={{
root: 'modal-root',
paper: 'modal-paper',
}}
>
- <div id={'accessibility-title'}>
+ <div id="accessibility-title">
{t('consumption_visualizer.modal.window_title')}
</div>
<IconButton
diff --git a/src/components/Connection/GRDFConnect/GrdfBill.tsx b/src/components/Connection/GRDFConnect/GrdfBill.tsx
index bd4a97115f34f03b240b41242b9bbc6d9f6aa8f9..37a52dd2b6dbdb51127424dcc9ea802d408a1b7c 100644
--- a/src/components/Connection/GRDFConnect/GrdfBill.tsx
+++ b/src/components/Connection/GRDFConnect/GrdfBill.tsx
@@ -17,12 +17,12 @@ const GrdfBill = () => {
return (
<div className="connection-form">
- <p className={'connection-form-title grdfgrandlyon text-20-bold'}>
+ <p className="connection-form-title grdfgrandlyon text-20-bold">
{t('auth.grdfgrandlyon.no_account.title')}
</p>
<StyledIcon icon={GasBillIcon} size={180} />
<p
- className={'connection-form-subtitle grdfgrandlyon text-16-regular'}
+ className="connection-form-subtitle grdfgrandlyon text-16-regular"
dangerouslySetInnerHTML={{ __html: t('auth.grdfgrandlyon.bill') }}
/>
diff --git a/src/components/Connection/GRDFDeleteAccountModal/DeleteGRDFAccountModal.tsx b/src/components/Connection/GRDFDeleteAccountModal/DeleteGRDFAccountModal.tsx
index d2464efca8c40d70a2b41a90fc34348c995a8e33..ace29175463e200c4de63077f52ecaf906930b70 100644
--- a/src/components/Connection/GRDFDeleteAccountModal/DeleteGRDFAccountModal.tsx
+++ b/src/components/Connection/GRDFDeleteAccountModal/DeleteGRDFAccountModal.tsx
@@ -29,13 +29,13 @@ const DeleteGRDFAccountModal = ({
<Dialog
open={open}
onClose={handleCloseClick}
- aria-labelledby={'accessibility-title'}
+ aria-labelledby="accessibility-title"
classes={{
root: 'modal-root',
paper: 'modal-paper',
}}
>
- <div id={'accessibility-title'}>
+ <div id="accessibility-title">
{t('consumption_visualizer.modal.window_title')}
</div>
<IconButton
@@ -50,7 +50,7 @@ const DeleteGRDFAccountModal = ({
<Icon icon={GrdfIcon} size={135} />
</div>
- <div className={`text-15-normal text1`}>
+ <div className="text-15-normal text1">
{t(`delete_grdf_modal.text1`)}
</div>
<div className="text-16-normal text2">
diff --git a/src/components/Connection/SGEConnect/SgeConnectView.tsx b/src/components/Connection/SGEConnect/SgeConnectView.tsx
index 436de2a235cff0bfb4b1c39e50052787b2ff851d..c59382fa73b47645795e15980b7a733f95e96510 100644
--- a/src/components/Connection/SGEConnect/SgeConnectView.tsx
+++ b/src/components/Connection/SGEConnect/SgeConnectView.tsx
@@ -128,16 +128,16 @@ const SgeConnectView = () => {
return (
<>
- <CozyBar titleKey={'common.title_sge_connect'} displayBackArrow={true} />
+ <CozyBar titleKey="common.title_sge_connect" displayBackArrow={true} />
<Header
setHeaderHeight={setHeaderHeight}
- desktopTitleKey={'common.title_sge_connect'}
+ desktopTitleKey="common.title_sge_connect"
displayBackArrow={true}
/>
<Content heightOffset={headerHeight}>
<div className="sge-view">
<div className="sge-container">
- <FormProgress step={currentStep} formType={'sge'} />
+ <FormProgress step={currentStep} formType="sge" />
{renderStep(currentStep)}
</div>
<FormNavigation
diff --git a/src/components/Connection/SGEConnect/SgeModalHint.tsx b/src/components/Connection/SGEConnect/SgeModalHint.tsx
index 2e5b34872fe7d16cded12d1415244ab538a41a35..9b2696e1d98ee16fd8be8385802ad8b9fac7a911 100644
--- a/src/components/Connection/SGEConnect/SgeModalHint.tsx
+++ b/src/components/Connection/SGEConnect/SgeModalHint.tsx
@@ -21,13 +21,13 @@ const SgeModalHint = ({ open, handleCloseClick }: SgeModalHintProps) => {
open={open}
disableEscapeKeyDown
onClose={handleCloseClick}
- aria-labelledby={'accessibility-title'}
+ aria-labelledby="accessibility-title"
classes={{
root: 'modal-root',
paper: 'modal-paper',
}}
>
- <div id={'accessibility-title'}>
+ <div id="accessibility-title">
{t('challenge_no_fluid_modal.accessibility.window_title')}
</div>
<IconButton
diff --git a/src/components/Consumption/ConsumptionView.tsx b/src/components/Consumption/ConsumptionView.tsx
index a706350e5e1c67c4c19fb3b835fe8c79f8c11f63..a8658aaf03e96f441098b87cd5ca1b0de822083f 100644
--- a/src/components/Consumption/ConsumptionView.tsx
+++ b/src/components/Consumption/ConsumptionView.tsx
@@ -217,10 +217,10 @@ const ConsumptionView = ({ fluidType }: { fluidType: FluidType }) => {
return (
<>
- <CozyBar titleKey={'common.title_consumption'} />
+ <CozyBar titleKey="common.title_consumption" />
<Header
setHeaderHeight={setHeaderHeight}
- desktopTitleKey={'common.title_consumption'}
+ desktopTitleKey="common.title_consumption"
>
<DateNavigator
disableNext={isLastDateReached(selectedDate, currentTimeStep)}
diff --git a/src/components/ConsumptionVisualizer/DataloadNoValue.tsx b/src/components/ConsumptionVisualizer/DataloadNoValue.tsx
index 0d377feb72a299432e6f32740c2d037cb87e34ac..6133a012ded8eb94843dbea17730bed04adfc79b 100644
--- a/src/components/ConsumptionVisualizer/DataloadNoValue.tsx
+++ b/src/components/ConsumptionVisualizer/DataloadNoValue.tsx
@@ -45,7 +45,7 @@ const DataloadNoValue = ({
dataload.state === DataloadState.AGGREGATED_EMPTY
) {
return (
- <div className={`dataloadvisualizer-content text-22-normal`}>
+ <div className="dataloadvisualizer-content text-22-normal">
<div className="dataloadvisualizer-section">
<div
className={`dataloadvisualizer-value ${FluidType[
@@ -74,7 +74,7 @@ const DataloadNoValue = ({
}
return (
- <div className={`dataloadvisualizer-content text-22-normal`}>
+ <div className="dataloadvisualizer-content text-22-normal">
<div className="dataloadvisualizer-section">
<div
className={`dataloadvisualizer-value ${FluidType[
diff --git a/src/components/ConsumptionVisualizer/DataloadSectionValue.tsx b/src/components/ConsumptionVisualizer/DataloadSectionValue.tsx
index df5dbd98817a75eb745bd54b9f43536fa42fd652..649f993e2221af0e9a3aa7b5ae3a9f38e90fbf7a 100644
--- a/src/components/ConsumptionVisualizer/DataloadSectionValue.tsx
+++ b/src/components/ConsumptionVisualizer/DataloadSectionValue.tsx
@@ -23,7 +23,7 @@ const DataloadSectionValue = ({
return (
<>
{formatNumberValues(dataload.value)}
- <span className={'text-18-normal euroUnit'}>
+ <span className="text-18-normal euroUnit">
{t(`FLUID.${FluidType[fluidType]}.UNIT`)}
</span>
{dataloadSectionType === DataloadSectionType.NO_COMPARE && (
@@ -56,7 +56,7 @@ const DataloadSectionValue = ({
) : (
<>
{formatNumberValues(dataload.value)}
- <span className={'text-18-normal'}>
+ <span className="text-18-normal">
{t(`FLUID.${FluidType[fluidType]}.UNIT`)}
</span>
</>
diff --git a/src/components/ConsumptionVisualizer/EstimatedConsumptionModal.tsx b/src/components/ConsumptionVisualizer/EstimatedConsumptionModal.tsx
index 53964d08b174f86b757fb058765ae26ad6456971..a2dfa28b7ca4cf69670b7d9a251cce79fb29e23d 100644
--- a/src/components/ConsumptionVisualizer/EstimatedConsumptionModal.tsx
+++ b/src/components/ConsumptionVisualizer/EstimatedConsumptionModal.tsx
@@ -44,13 +44,13 @@ const EstimatedConsumptionModal = ({
<Dialog
open={open}
onClose={handleCloseClick}
- aria-labelledby={'accessibility-title'}
+ aria-labelledby="accessibility-title"
classes={{
root: 'modal-root',
paper: 'modal-paper',
}}
>
- <div id={'accessibility-title'}>
+ <div id="accessibility-title">
{t('consumption_visualizer.modal.window_title')}
</div>
<IconButton
diff --git a/src/components/ConsumptionVisualizer/InfoDataConsumptionVisualizer.tsx b/src/components/ConsumptionVisualizer/InfoDataConsumptionVisualizer.tsx
index bc6586575fbf5dc19ca5fb2c80fcb02f4d210154..27968b8c50078c589e374fe34b5bea7fe07eb02d 100644
--- a/src/components/ConsumptionVisualizer/InfoDataConsumptionVisualizer.tsx
+++ b/src/components/ConsumptionVisualizer/InfoDataConsumptionVisualizer.tsx
@@ -77,7 +77,7 @@ const InfoDataConsumptionVisualizer = ({
return (
<>
<div className="error-line" onClick={toggleNoDataModal}>
- <span className={`text-16-normal underlined-error`}>
+ <span className="text-16-normal underlined-error">
{t('consumption_visualizer.why_no_data')}
</span>
</div>
diff --git a/src/components/ConsumptionVisualizer/NoDataModal.tsx b/src/components/ConsumptionVisualizer/NoDataModal.tsx
index d4561bbab048d43fa96844b3a41dc89460865a8e..964bccfd787ee26252643056c3d339a3537f0884 100644
--- a/src/components/ConsumptionVisualizer/NoDataModal.tsx
+++ b/src/components/ConsumptionVisualizer/NoDataModal.tsx
@@ -19,13 +19,13 @@ const NoDataModal = ({ open, handleCloseClick }: NoDataModalProps) => {
<Dialog
open={open}
onClose={handleCloseClick}
- aria-labelledby={'accessibility-title'}
+ aria-labelledby="accessibility-title"
classes={{
root: 'modal-root',
paper: 'modal-paper',
}}
>
- <div id={'accessibility-title'}>
+ <div id="accessibility-title">
{t('consumption_visualizer.modal.window_title')}
</div>
<IconButton
diff --git a/src/components/Content/Content.tsx b/src/components/Content/Content.tsx
index 3a311ac680d05724f587b7e0cd102ffe0d39ce9c..c3674fab4235568755913bb00c4ff131373ea883 100644
--- a/src/components/Content/Content.tsx
+++ b/src/components/Content/Content.tsx
@@ -42,7 +42,7 @@ const Content = ({ children, heightOffset = 0 }: ContentProps) => {
<>
<FeedbackModal />
<div
- className={'content-view'}
+ className="content-view"
style={{
marginTop: heightOffset,
paddingBottom: 0,
diff --git a/src/components/CustomPopup/CustomPopupModal.tsx b/src/components/CustomPopup/CustomPopupModal.tsx
index c122b125bd902199a2d5f093c1f6e584ce092981..3dcc5e49aa0597994118ab204e480c94a69df3c3 100644
--- a/src/components/CustomPopup/CustomPopupModal.tsx
+++ b/src/components/CustomPopup/CustomPopupModal.tsx
@@ -31,7 +31,7 @@ const CustomPopupModal = ({
onClose={(event, reason): void => {
event && reason !== 'backdropClick' && handleCloseClick()
}}
- aria-labelledby={'accessibility-title'}
+ aria-labelledby="accessibility-title"
classes={{
root: 'modal-root',
paper: 'modal-paper customPopupRoot',
diff --git a/src/components/Duel/DuelChart/DuelBar.tsx b/src/components/Duel/DuelChart/DuelBar.tsx
index c8846189096a53db4b71d8c13f668d09125a73b6..70485c60aeef70cab163f8c3b1ed1b9486d91ff4 100644
--- a/src/components/Duel/DuelChart/DuelBar.tsx
+++ b/src/components/Duel/DuelChart/DuelBar.tsx
@@ -132,9 +132,9 @@ const DuelBar = ({
transform={`translate(0, ${yScale(average)})`}
strokeDasharray="10"
x1="0"
- y1={`0`}
+ y1="0"
x2={width - marginRight}
- y2={`0`}
+ y2="0"
className="bar-average"
/>
</g>
diff --git a/src/components/Duel/DuelEmptyValueModal/DuelEmptyValueModal.tsx b/src/components/Duel/DuelEmptyValueModal/DuelEmptyValueModal.tsx
index ef3e53182a2350f224d2cdbc469d5006972fbae1..6eac38bd25668b6de9e1bc76c52e6565303bfa60 100644
--- a/src/components/Duel/DuelEmptyValueModal/DuelEmptyValueModal.tsx
+++ b/src/components/Duel/DuelEmptyValueModal/DuelEmptyValueModal.tsx
@@ -31,13 +31,13 @@ const DuelEmptyValueModal = ({
<Dialog
open={open}
onClose={handleCloseClick}
- aria-labelledby={'accessibility-title'}
+ aria-labelledby="accessibility-title"
classes={{
root: 'modal-root',
paper: 'modal-paper blue-border',
}}
>
- <div id={'accessibility-title'}>
+ <div id="accessibility-title">
{t('duel_empty_value_modal.accessibility.window_title')}
</div>
<div className="modal-empty-value-root">
diff --git a/src/components/Duel/DuelResultModal/DuelResultModal.tsx b/src/components/Duel/DuelResultModal/DuelResultModal.tsx
index 5e9a16b2a4a6836869dfd5d24b6cc87bf1f2e528..b6d946bf69d5cdeac94f3439e7fafcef4f06bff2 100644
--- a/src/components/Duel/DuelResultModal/DuelResultModal.tsx
+++ b/src/components/Duel/DuelResultModal/DuelResultModal.tsx
@@ -45,13 +45,13 @@ const DuelResultModal = ({
<Dialog
open={open}
onClose={handleCloseClick}
- aria-labelledby={'accessibility-title'}
+ aria-labelledby="accessibility-title"
classes={{
root: 'modal-root',
paper: 'modal-paper blue-border',
}}
>
- <div id={'accessibility-title'}>
+ <div id="accessibility-title">
{t('duel_result_modal.accessibility.window_title')}
</div>
<div className="duel-result-modal-root ">
diff --git a/src/components/Duel/DuelView.tsx b/src/components/Duel/DuelView.tsx
index 71531bc47128b692d4475ac92511c551202851c4..5e29d720c8f6bd2e45a47d42b0a722f5178fbf3b 100644
--- a/src/components/Duel/DuelView.tsx
+++ b/src/components/Duel/DuelView.tsx
@@ -45,10 +45,10 @@ const DuelView = () => {
return (
<>
- <CozyBar titleKey={'common.title_duel'} displayBackArrow={true} />
+ <CozyBar titleKey="common.title_duel" displayBackArrow={true} />
<Header
setHeaderHeight={setHeaderHeight}
- desktopTitleKey={'common.title_duel'}
+ desktopTitleKey="common.title_duel"
displayBackArrow={true}
/>
<Content heightOffset={headerHeight}>
diff --git a/src/components/Duel/LastDuelModal/lastDuelModal.tsx b/src/components/Duel/LastDuelModal/lastDuelModal.tsx
index ad57fd6cb853f422e67146c4b7bbbf787610af81..92deec333ef696c3f46f3c09f511108eaa2c3148 100644
--- a/src/components/Duel/LastDuelModal/lastDuelModal.tsx
+++ b/src/components/Duel/LastDuelModal/lastDuelModal.tsx
@@ -18,13 +18,13 @@ const LastDuelModal = ({ open, handleCloseClick }: LastDuelModalProps) => {
<Dialog
open={open}
onClose={handleCloseClick}
- aria-labelledby={'accessibility-title'}
+ aria-labelledby="accessibility-title"
classes={{
root: 'modal-root',
paper: 'modal-paper blue-light-border',
}}
>
- <div id={'accessibility-title'}>{t('last_duel_modal.title')}</div>
+ <div id="accessibility-title">{t('last_duel_modal.title')}</div>
<div className="duel-last-modal-root">
<div onClick={handleCloseClick}>
<StyledIcon className="closeIcon" icon={CloseIcon} size={16} />
diff --git a/src/components/Ecogesture/EcogestureInitModal/EcogestureInitModal.tsx b/src/components/Ecogesture/EcogestureInitModal/EcogestureInitModal.tsx
index 7c92ca992e8e115231ffe6df1e18aec7a1b732d7..17894f0caa1bd2b827fecb408d2c83e3592e4148 100644
--- a/src/components/Ecogesture/EcogestureInitModal/EcogestureInitModal.tsx
+++ b/src/components/Ecogesture/EcogestureInitModal/EcogestureInitModal.tsx
@@ -22,13 +22,13 @@ const EcogestureInitModal = ({
<Dialog
open={open}
onClose={handleCloseClick}
- aria-labelledby={'accessibility-title'}
+ aria-labelledby="accessibility-title"
classes={{
root: 'modal-root',
paper: 'modal-paper',
}}
>
- <div id={'accessibility-title'}>
+ <div id="accessibility-title">
{t('feedback.accessibility.window_title')}
</div>
<IconButton
diff --git a/src/components/Ecogesture/EcogestureModal/EcogestureModal.tsx b/src/components/Ecogesture/EcogestureModal/EcogestureModal.tsx
index b82aed9a11ae6235efb4c08d13e37304d442dadb..1a01d827265e89cc256a3a19c6ea5b9add793181 100644
--- a/src/components/Ecogesture/EcogestureModal/EcogestureModal.tsx
+++ b/src/components/Ecogesture/EcogestureModal/EcogestureModal.tsx
@@ -57,13 +57,13 @@ const EcogestureModal = ({
<Dialog
open={open}
onClose={handleCloseClick}
- aria-labelledby={'accessibility-title'}
+ aria-labelledby="accessibility-title"
classes={{
root: 'modal-root',
paper: 'modal-paper no-padding blue-border',
}}
>
- <div id={'accessibility-title'}>
+ <div id="accessibility-title">
{isAction
? t('ecogesture_modal.accessibility.window_title_action')
: t('ecogesture_modal.accessibility.window_title_ecogesture')}
diff --git a/src/components/Ecogesture/EcogestureReinitModal/EcogestureReinitModal.tsx b/src/components/Ecogesture/EcogestureReinitModal/EcogestureReinitModal.tsx
index f4487d8fa534abbe6e93b054deff59a95c16148e..c924c3e4d9c1fa90db03b4bd82faaf481593aebf 100644
--- a/src/components/Ecogesture/EcogestureReinitModal/EcogestureReinitModal.tsx
+++ b/src/components/Ecogesture/EcogestureReinitModal/EcogestureReinitModal.tsx
@@ -23,13 +23,13 @@ const EcogestureReinitModal = ({
<Dialog
open={open}
onClose={handleCloseClick}
- aria-labelledby={'accessibility-title'}
+ aria-labelledby="accessibility-title"
classes={{
root: 'modal-root',
paper: 'modal-paper',
}}
>
- <div id={'accessibility-title'}>
+ <div id="accessibility-title">
{t('feedback.accessibility.window_title')}
</div>
<IconButton
diff --git a/src/components/Ecogesture/EcogestureTabsView.tsx b/src/components/Ecogesture/EcogestureTabsView.tsx
index d3c8b3a72cdc898747d06cd4258967ee1411ec98..2cd5f92b7a15fd4f7f964c17531e5548f0c9f3e2 100644
--- a/src/components/Ecogesture/EcogestureTabsView.tsx
+++ b/src/components/Ecogesture/EcogestureTabsView.tsx
@@ -173,10 +173,10 @@ const EcogestureTabsView = () => {
return (
<>
- <CozyBar titleKey={'common.title_ecogestures'} />
+ <CozyBar titleKey="common.title_ecogestures" />
<Header
setHeaderHeight={setHeaderHeight}
- desktopTitleKey={'common.title_ecogestures'}
+ desktopTitleKey="common.title_ecogestures"
>
<Tabs
value={tabValue}
diff --git a/src/components/Ecogesture/SingleEcogestureView.tsx b/src/components/Ecogesture/SingleEcogestureView.tsx
index 5a48c6e5f9d3fa174195115eb780048c558e40ac..dbc9023cf775eb6910f79b29f1b9cec9ea2bdc26 100644
--- a/src/components/Ecogesture/SingleEcogestureView.tsx
+++ b/src/components/Ecogesture/SingleEcogestureView.tsx
@@ -108,10 +108,10 @@ const SingleEcogestureView = () => {
return (
<>
- <CozyBar titleKey={'common.title_ecogesture'} displayBackArrow={true} />
+ <CozyBar titleKey="common.title_ecogesture" displayBackArrow={true} />
<Header
setHeaderHeight={setHeaderHeight}
- desktopTitleKey={'common.title_ecogesture'}
+ desktopTitleKey="common.title_ecogesture"
displayBackArrow={true}
/>
<Content heightOffset={headerHeight}>
@@ -123,7 +123,7 @@ const SingleEcogestureView = () => {
{!isLoading && !ecogesture && (
<ErrorPage
text={t('error_page.no_ecogesture')}
- returnPage={'ecogestures'}
+ returnPage="ecogestures"
/>
)}
{!isLoading && ecogesture && (
diff --git a/src/components/EcogestureForm/EcogestureFormEquipment/EcogestureFormEquipment.tsx b/src/components/EcogestureForm/EcogestureFormEquipment/EcogestureFormEquipment.tsx
index 36f16f6e334001124089f772a6e6bde0d4132799..85caa4b5381b778e4fb8c2b91da0d2a287ef0579 100644
--- a/src/components/EcogestureForm/EcogestureFormEquipment/EcogestureFormEquipment.tsx
+++ b/src/components/EcogestureForm/EcogestureFormEquipment/EcogestureFormEquipment.tsx
@@ -80,15 +80,15 @@ const EcogestureFormEquipment = ({
return (
<>
<div className="ecogesture-profile-container">
- <div className={'equipment-form-container'}>
- <div className={'equipment-label text-22-normal'}>
+ <div className="equipment-form-container">
+ <div className="equipment-label text-22-normal">
{t(
`ecogesture_profile.${EcogestureStepForm[
EcogestureStepForm.EQUIPMENTS
].toLowerCase()}.question`
)}
</div>
- <div className={'equipment-hint text-16-normal'}>
+ <div className="equipment-hint text-16-normal">
{t(
`ecogesture_profile.${EcogestureStepForm[
EcogestureStepForm.EQUIPMENTS
@@ -97,9 +97,9 @@ const EcogestureFormEquipment = ({
</div>
<div className="icons-container">
{Object.values(EquipmentType).map(equipment => (
- <label key={equipment} className={'checkbox-equipment'}>
+ <label key={equipment} className="checkbox-equipment">
<input
- type={'checkbox'}
+ type="checkbox"
value={equipment}
name={equipment.toString()}
onChange={() => handleChange(equipment)}
diff --git a/src/components/EcogestureForm/EcogestureFormSingleChoice/EcogestureFormSingleChoice.tsx b/src/components/EcogestureForm/EcogestureFormSingleChoice/EcogestureFormSingleChoice.tsx
index 952ce05f971cb0bbacb89a975bef625beac4254d..e7efcf827da8c60189afcc7377ab04eccc9af595 100644
--- a/src/components/EcogestureForm/EcogestureFormSingleChoice/EcogestureFormSingleChoice.tsx
+++ b/src/components/EcogestureForm/EcogestureFormSingleChoice/EcogestureFormSingleChoice.tsx
@@ -48,8 +48,8 @@ const EcogestureFormSingleChoice = ({
return (
<div className="ecogesture-profile-container">
- <div className={'profile-form-container ecogesture-form-single'}>
- <div className={'profile-question-label'}>
+ <div className="profile-form-container ecogesture-form-single">
+ <div className="profile-question-label">
{t(
`ecogesture_form.${EcogestureStepForm[step].toLowerCase()}.question`
)}
@@ -66,7 +66,7 @@ const EcogestureFormSingleChoice = ({
})}
>
<input
- type={'radio'}
+ type="radio"
value={value}
name={value.toString()}
onChange={() => setAnswer(value)}
diff --git a/src/components/EcogestureForm/EcogestureFormView.tsx b/src/components/EcogestureForm/EcogestureFormView.tsx
index 59442fe97e1d4512e131ef07c8f88254b155d7b6..b7aabd755eb5aba0310c41969783c5bc97b6f730 100644
--- a/src/components/EcogestureForm/EcogestureFormView.tsx
+++ b/src/components/EcogestureForm/EcogestureFormView.tsx
@@ -90,10 +90,10 @@ const EcogestureFormView = () => {
return (
<>
- <CozyBar titleKey={'common.title_ecogestures'} />
+ <CozyBar titleKey="common.title_ecogestures" />
<Header
setHeaderHeight={setHeaderHeight}
- desktopTitleKey={'common.title_ecogestures'}
+ desktopTitleKey="common.title_ecogestures"
/>
<Content heightOffset={headerHeight}>
{isLoading && (
diff --git a/src/components/EcogestureForm/EcogestureLaunchFormModal/EcogestureLaunchFormModal.tsx b/src/components/EcogestureForm/EcogestureLaunchFormModal/EcogestureLaunchFormModal.tsx
index 43d41314757b94143c5bd35bef7739e62dcf90c4..328ec33efd44004193119a6044bf2fc3a21a0bf2 100644
--- a/src/components/EcogestureForm/EcogestureLaunchFormModal/EcogestureLaunchFormModal.tsx
+++ b/src/components/EcogestureForm/EcogestureLaunchFormModal/EcogestureLaunchFormModal.tsx
@@ -19,13 +19,13 @@ const EcogestureLaunchFormModal = ({
<Dialog
open={open}
onClose={handleCloseClick}
- aria-labelledby={'accessibility-title'}
+ aria-labelledby="accessibility-title"
classes={{
root: 'modal-root',
paper: 'modal-paper',
}}
>
- <div id={'accessibility-title'}>
+ <div id="accessibility-title">
{t('feedback.accessibility.window_title')}
</div>
<IconButton
diff --git a/src/components/EcogestureForm/EquipmentIcon/EquipmentIcon.tsx b/src/components/EcogestureForm/EquipmentIcon/EquipmentIcon.tsx
index 46b1b09c79752261cc6e1bbb91c4c757878a9664..e01d242adb824194b6249d775d88fe1d39039c40 100644
--- a/src/components/EcogestureForm/EquipmentIcon/EquipmentIcon.tsx
+++ b/src/components/EcogestureForm/EquipmentIcon/EquipmentIcon.tsx
@@ -34,7 +34,7 @@ const EquipmentIcon = ({ equipment, isChecked }: EquipmentIconProps) => {
: ' equipment-icon-container'
}
>
- <Icon icon={icon} size={40} className={'equipmentIcon '} />
+ <Icon icon={icon} size={40} className="equipmentIcon " />
</div>
<div className="text text-14-normal">
{t(`ecogesture_profile.equipments.${equipment.toLocaleLowerCase()}`)}
diff --git a/src/components/EcogestureSelection/EcogestureSelectionModal/EcogestureSelectionModal.tsx b/src/components/EcogestureSelection/EcogestureSelectionModal/EcogestureSelectionModal.tsx
index 48d2db7aad55c4aad19af5538365e8e5d472be12..f79f26a0263e91874ed4dd1f22d46a357ecd607c 100644
--- a/src/components/EcogestureSelection/EcogestureSelectionModal/EcogestureSelectionModal.tsx
+++ b/src/components/EcogestureSelection/EcogestureSelectionModal/EcogestureSelectionModal.tsx
@@ -21,13 +21,13 @@ const EcogestureSelectionModal = ({
<Dialog
open={open}
onClose={handleCloseClick}
- aria-labelledby={'accessibility-title'}
+ aria-labelledby="accessibility-title"
classes={{
root: 'modal-root',
paper: 'modal-paper',
}}
>
- <div id={'accessibility-title'}>
+ <div id="accessibility-title">
{t('ecogesture_selection.accessibility.window_title')}
</div>
<IconButton
diff --git a/src/components/EcogestureSelection/EcogestureSelectionView.tsx b/src/components/EcogestureSelection/EcogestureSelectionView.tsx
index 3991b7c7947645f68fafe7af63aaafc4bbda349b..749060770df62a29fd23f39092b29e6331b86dd1 100644
--- a/src/components/EcogestureSelection/EcogestureSelectionView.tsx
+++ b/src/components/EcogestureSelection/EcogestureSelectionView.tsx
@@ -128,13 +128,13 @@ const EcogestureSelectionView = () => {
return (
<>
<CozyBar
- titleKey={'common.title_ecogestures_choice'}
+ titleKey="common.title_ecogestures_choice"
displayBackArrow={true}
backFunction={() => navigate('/ecogestures')}
/>
<Header
setHeaderHeight={setHeaderHeight}
- desktopTitleKey={'common.title_ecogestures_choice'}
+ desktopTitleKey="common.title_ecogestures_choice"
displayBackArrow={true}
>
<div className="eg-selection-header">
diff --git a/src/components/Exploration/ExplorationView.tsx b/src/components/Exploration/ExplorationView.tsx
index 9378a2ad06a088e03f29252ad9704bd430cf7965..54106238c9db76a3568939e1d8555de613288457 100644
--- a/src/components/Exploration/ExplorationView.tsx
+++ b/src/components/Exploration/ExplorationView.tsx
@@ -28,10 +28,10 @@ const ExplorationView = () => {
return (
<>
- <CozyBar titleKey={'common.title_exploration'} displayBackArrow={true} />
+ <CozyBar titleKey="common.title_exploration" displayBackArrow={true} />
<Header
setHeaderHeight={setHeaderHeight}
- desktopTitleKey={'common.title_exploration'}
+ desktopTitleKey="common.title_exploration"
displayBackArrow={true}
/>
<Content heightOffset={headerHeight}>
diff --git a/src/components/Feedback/FeedbackModal.tsx b/src/components/Feedback/FeedbackModal.tsx
index cd464ec2521296a7660ca0f09cfd064336c9ce9d..41ce4648465da72e184fa3f3836d57f24a925fb0 100644
--- a/src/components/Feedback/FeedbackModal.tsx
+++ b/src/components/Feedback/FeedbackModal.tsx
@@ -36,13 +36,13 @@ const FeedbackModal = () => {
<Dialog
open={isFeedbacksOpen}
onClose={() => closeModal()}
- aria-labelledby={'accessibility-title'}
+ aria-labelledby="accessibility-title"
classes={{
root: 'modal-root',
paper: 'modal-paper yellow-border',
}}
>
- <div id={'accessibility-title'}>
+ <div id="accessibility-title">
{t('feedback.accessibility.window_title')}
</div>
<IconButton
diff --git a/src/components/FluidChart/FluidChartSlide.tsx b/src/components/FluidChart/FluidChartSlide.tsx
index 0c3f646d5303b84118ec33337115516bd7e16f4d..5be0634977f3cfdcd80bd50e2d7f6c64ed82559a 100644
--- a/src/components/FluidChart/FluidChartSlide.tsx
+++ b/src/components/FluidChart/FluidChartSlide.tsx
@@ -113,7 +113,7 @@ const FluidChartSlide = ({
}, [dispatch, index, currentIndex, chartData])
return (
- <div className={'fluidchartslide-root'} aria-busy={!isDataLoaded}>
+ <div className="fluidchartslide-root" aria-busy={!isDataLoaded}>
{!isDataLoaded ? (
<div className="data-spinner">
<Loader fluidType={fluidType} />
diff --git a/src/components/FluidChart/FluidChartSwipe.tsx b/src/components/FluidChart/FluidChartSwipe.tsx
index 540f98edfba01a12b01bbfb93a51a66525b1b5aa..68c3ee7b2105658129224995389a0310f3f88fd9 100644
--- a/src/components/FluidChart/FluidChartSwipe.tsx
+++ b/src/components/FluidChart/FluidChartSwipe.tsx
@@ -80,7 +80,7 @@ const FluidChartSwipe = ({ fluidType, setActive }: FluidChartSwipeProps) => {
)
return (
- <div className={'fluidchartswipe-root'} ref={swipe}>
+ <div className="fluidchartswipe-root" ref={swipe}>
<VirtualizeSwipeableViews
index={currentIndex}
overscanSlideAfter={1}
diff --git a/src/components/FluidChart/TimeStepSelector/TimeStepSelector.tsx b/src/components/FluidChart/TimeStepSelector/TimeStepSelector.tsx
index 1fc137ce423bdd70ae52d1431c8286dded0d9316..d57884a7020e4f3c0be391462ab45de4bf924659 100644
--- a/src/components/FluidChart/TimeStepSelector/TimeStepSelector.tsx
+++ b/src/components/FluidChart/TimeStepSelector/TimeStepSelector.tsx
@@ -70,7 +70,7 @@ const TimeStepSelector = ({ fluidType }: { fluidType: FluidType }) => {
dispatch(setCurrentIndex(index))
}
return (
- <div className={'timestep-selector'}>
+ <div className="timestep-selector">
<Button
onClick={handleToday}
classes={{
@@ -80,7 +80,7 @@ const TimeStepSelector = ({ fluidType }: { fluidType: FluidType }) => {
>
{t('timestep.today')}
</Button>
- <div className={'timestep-container'}>
+ <div className="timestep-container">
<ul
className={`timestep-bar ${
fluidType === FluidType.ELECTRICITY && 'elec-bar'
@@ -96,7 +96,7 @@ const TimeStepSelector = ({ fluidType }: { fluidType: FluidType }) => {
id={TimeStep[step].toLowerCase()}
>
<span className="clickable-area" />
- <span className={'text text-14-normal'}>
+ <span className="text text-14-normal">
{t(`timestep.${TimeStep[step].toLowerCase()}.period`)}
</span>
</li>
diff --git a/src/components/Header/Header.spec.tsx b/src/components/Header/Header.spec.tsx
index 8bd279a70e7324ec27ffaaeaf7b40fcc5b073548..939b20f152bcd3ed27a467a879807c668428796e 100644
--- a/src/components/Header/Header.spec.tsx
+++ b/src/components/Header/Header.spec.tsx
@@ -32,7 +32,7 @@ describe('Header component', () => {
const wrapper = mount(
<Provider store={store}>
<Header
- desktopTitleKey={'KEY'}
+ desktopTitleKey="KEY"
displayBackArrow={true}
setHeaderHeight={mockSetHeaderHeight}
/>
@@ -48,7 +48,7 @@ describe('Header component', () => {
const wrapper = mount(
<Provider store={store}>
<Header
- desktopTitleKey={'KEY'}
+ desktopTitleKey="KEY"
displayBackArrow={true}
setHeaderHeight={mockSetHeaderHeight}
/>
diff --git a/src/components/Konnector/KonnectorModal.spec.tsx b/src/components/Konnector/KonnectorModal.spec.tsx
index d837f1ecb75f5f12291ba4f8b884ea56b951c80a..a2ce56da75df6eb2bca2f18a74ef98dc44d5a355 100644
--- a/src/components/Konnector/KonnectorModal.spec.tsx
+++ b/src/components/Konnector/KonnectorModal.spec.tsx
@@ -57,7 +57,7 @@ describe('KonnectorModal component', () => {
<KonnectorModal
open={true}
isUpdating={false}
- state={'errored'}
+ state="errored"
error={null}
fluidType={FluidType.ELECTRICITY}
handleCloseClick={mockHandleCloseClick}
@@ -76,7 +76,7 @@ describe('KonnectorModal component', () => {
<KonnectorModal
open={true}
isUpdating={false}
- state={'error'}
+ state="error"
error={KonnectorError.LOGIN_FAILED}
fluidType={FluidType.ELECTRICITY}
handleCloseClick={mockHandleCloseClick}
@@ -94,7 +94,7 @@ describe('KonnectorModal component', () => {
<KonnectorModal
open={true}
isUpdating={false}
- state={'error'}
+ state="error"
error={null}
fluidType={FluidType.ELECTRICITY}
handleCloseClick={mockHandleCloseClick}
diff --git a/src/components/Konnector/KonnectorModal.tsx b/src/components/Konnector/KonnectorModal.tsx
index fdd22881962d887260c0a473cbde569fdad3d08a..6039a2c8cc6ef3328c902055e67180d70262192c 100644
--- a/src/components/Konnector/KonnectorModal.tsx
+++ b/src/components/Konnector/KonnectorModal.tsx
@@ -144,13 +144,13 @@ const KonnectorModal = ({
reason !== 'backdropClick' &&
handleCloseClick(state === SUCCESS_EVENT)
}}
- aria-labelledby={'accessibility-title'}
+ aria-labelledby="accessibility-title"
classes={{
root: 'modal-root',
paper: 'modal-paper',
}}
>
- <div id={'accessibility-title'}>
+ <div id="accessibility-title">
{t('konnector_modal.accessibility.window_title')}
</div>
<div className="kmodal-content">
diff --git a/src/components/Konnector/KonnectorModalFooter.tsx b/src/components/Konnector/KonnectorModalFooter.tsx
index fa8cedb822a22d5d777546171d9cc668c44cc669..9405b038e22fbac3605931574f127403719a90b5 100644
--- a/src/components/Konnector/KonnectorModalFooter.tsx
+++ b/src/components/Konnector/KonnectorModalFooter.tsx
@@ -105,7 +105,7 @@ const KonnectorModalFooter = ({
}}
style={{ height: '40px' }}
>
- <div>{'Plus tard'}</div>
+ <div>Plus tard</div>
</Button>
<Button
aria-label={t('konnector_modal.accessibility.button_close')}
diff --git a/src/components/Options/ExportData/ExportData.tsx b/src/components/Options/ExportData/ExportData.tsx
index 22bedc378d83a9adf6960c751bcc7a5c371d9c1e..b0d620cf7c894674cd20ed3006bc1073d9f534f3 100644
--- a/src/components/Options/ExportData/ExportData.tsx
+++ b/src/components/Options/ExportData/ExportData.tsx
@@ -80,7 +80,7 @@ const ExportData = () => {
})}
>
<input
- type={'checkbox'}
+ type="checkbox"
value={fluidType}
name={t(`FLUID.${FluidType[fluidType]}.LABEL`)}
onChange={() => handleChange(fluidType)}
diff --git a/src/components/Options/ExportData/Modals/exportDoneModal.tsx b/src/components/Options/ExportData/Modals/exportDoneModal.tsx
index 4ad5cc4015c3bf8283da9f482da4aec2457220f4..4bdfd90163d55d8834243bb206da7c095d803ed8 100644
--- a/src/components/Options/ExportData/Modals/exportDoneModal.tsx
+++ b/src/components/Options/ExportData/Modals/exportDoneModal.tsx
@@ -25,13 +25,13 @@ const ExportDoneModal = ({
<Dialog
open={open}
onClose={handleCloseClick}
- aria-labelledby={'accessibility-title'}
+ aria-labelledby="accessibility-title"
classes={{
root: 'modal-root',
paper: 'modal-paper',
}}
>
- <div id={'accessibility-title'}>
+ <div id="accessibility-title">
{t('export.modal_done.accessibility_title')}
</div>
diff --git a/src/components/Options/ExportData/Modals/exportStartModal.tsx b/src/components/Options/ExportData/Modals/exportStartModal.tsx
index f6c87e0beb6acf01a423d540ed0310d26182639b..1fbebcd06f7aa76eb1f9d1a82ab12415aa8b31f7 100644
--- a/src/components/Options/ExportData/Modals/exportStartModal.tsx
+++ b/src/components/Options/ExportData/Modals/exportStartModal.tsx
@@ -24,13 +24,13 @@ const ExportStartModal = ({
<Dialog
open={open}
onClose={handleCloseClick}
- aria-labelledby={'accessibility_title'}
+ aria-labelledby="accessibility_title"
classes={{
root: 'modal-root',
paper: 'modal-paper',
}}
>
- <div id={'accessibility-title'}>
+ <div id="accessibility-title">
{t('export.modal_start.accessibility_title')}
</div>
<div className="modal-start-root">
diff --git a/src/components/Options/GCU/GCUView.tsx b/src/components/Options/GCU/GCUView.tsx
index d698b8e628d15c55f3e4819cbcb3f3d0f5480877..d5d525e538062eb138d3f08c670643efef9337c3 100644
--- a/src/components/Options/GCU/GCUView.tsx
+++ b/src/components/Options/GCU/GCUView.tsx
@@ -9,10 +9,10 @@ const GCUView = () => {
return (
<>
- <CozyBar titleKey={'common.title_gcu'} displayBackArrow={true} />
+ <CozyBar titleKey="common.title_gcu" displayBackArrow={true} />
<Header
setHeaderHeight={setHeaderHeight}
- desktopTitleKey={'common.title_gcu'}
+ desktopTitleKey="common.title_gcu"
displayBackArrow={true}
/>
<Content heightOffset={headerHeight}>
diff --git a/src/components/Options/LegalNotice/LegalNoticeView.tsx b/src/components/Options/LegalNotice/LegalNoticeView.tsx
index 7d86ded1a2a36aee0c98879b7b9e6b98f744f573..4c68ee2a1b48cca408a1cae207e24ca4464cd182 100644
--- a/src/components/Options/LegalNotice/LegalNoticeView.tsx
+++ b/src/components/Options/LegalNotice/LegalNoticeView.tsx
@@ -10,10 +10,10 @@ const LegalNoticeView = () => {
return (
<>
- <CozyBar titleKey={'common.title_legal_notice'} displayBackArrow={true} />
+ <CozyBar titleKey="common.title_legal_notice" displayBackArrow={true} />
<Header
setHeaderHeight={setHeaderHeight}
- desktopTitleKey={'common.title_legal_notice'}
+ desktopTitleKey="common.title_legal_notice"
displayBackArrow={true}
/>
<Content heightOffset={headerHeight}>
diff --git a/src/components/Options/OptionsView.tsx b/src/components/Options/OptionsView.tsx
index 5d36989a80a07edd8c6f91cee3faca1d2ee1350d..8da4b6a0fb4b806e59c4fd3fd206f89c00333724 100644
--- a/src/components/Options/OptionsView.tsx
+++ b/src/components/Options/OptionsView.tsx
@@ -18,10 +18,10 @@ const OptionsView = () => {
return (
<>
- <CozyBar titleKey={'common.title_options'} />
+ <CozyBar titleKey="common.title_options" />
<Header
setHeaderHeight={setHeaderHeight}
- desktopTitleKey={'common.title_options'}
+ desktopTitleKey="common.title_options"
/>
<Content heightOffset={headerHeight}>
<ProfileTypeOptions />
diff --git a/src/components/Options/ReportOptions/ReportOptions.tsx b/src/components/Options/ReportOptions/ReportOptions.tsx
index 893eb00660bab425916086d17a096b40b8500ecf..463651514731915010ae22cc9d728f73cbabc5b9 100644
--- a/src/components/Options/ReportOptions/ReportOptions.tsx
+++ b/src/components/Options/ReportOptions/ReportOptions.tsx
@@ -101,7 +101,7 @@ const ReportOptions = () => {
<Button
aria-label={t('unsubscribe.button_accessibility')}
onClick={() => toggleAnalysisNotification()}
- variant={'contained'}
+ variant="contained"
classes={{
root: 'btn-highlight',
label: 'text-18-bold',
@@ -149,7 +149,7 @@ const ReportOptions = () => {
<div className="switch-container-alert">
<input
className="input-style"
- type={'number'}
+ type="number"
defaultValue={
profile.waterDailyConsumptionLimit === 0
? ''
diff --git a/src/components/Options/Unsubscribe/UnSubscribeView.tsx b/src/components/Options/Unsubscribe/UnSubscribeView.tsx
index b73ad7d539db091d30350af78a7f1b85bcc4e918..8b5dd2240df556a125a4656c252635b5ea8349e3 100644
--- a/src/components/Options/Unsubscribe/UnSubscribeView.tsx
+++ b/src/components/Options/Unsubscribe/UnSubscribeView.tsx
@@ -23,10 +23,10 @@ const UnSubscribeView = () => {
return (
<>
- <CozyBar titleKey={'common.title_analysis'} />
+ <CozyBar titleKey="common.title_analysis" />
<Header
setHeaderHeight={setHeaderHeight}
- desktopTitleKey={'common.title_analysis'}
+ desktopTitleKey="common.title_analysis"
/>
<Content heightOffset={headerHeight}>
<div className="unsubscribe-container">
@@ -39,7 +39,7 @@ const UnSubscribeView = () => {
<Button
aria-label={t('unsubscribe.button_accessibility')}
onClick={() => unSubscribe()}
- variant={'contained'}
+ variant="contained"
classes={{
root: 'btn-highlight',
label: 'text-18-bold',
diff --git a/src/components/PartnerIssue/PartnerIssueModal.tsx b/src/components/PartnerIssue/PartnerIssueModal.tsx
index 2faa8e0f8a4e631451334f88269ccc3499178257..8876a8083913d85df2d45e8e7eeb0b1ad087f32b 100644
--- a/src/components/PartnerIssue/PartnerIssueModal.tsx
+++ b/src/components/PartnerIssue/PartnerIssueModal.tsx
@@ -41,14 +41,14 @@ const PartnerIssueModal = ({
onClose={(event, reason): void => {
event && reason !== 'backdropClick' && handleCloseClick(issuedFluid)
}}
- aria-labelledby={'accessibility-title'}
+ aria-labelledby="accessibility-title"
classes={{
root: 'modal-root',
paper: 'modal-paper',
}}
style={{ zIndex: 1500 }}
>
- <div id={'accessibility-title'}>
+ <div id="accessibility-title">
{t('feedback.accessibility.window_title')}
</div>
<IconButton
@@ -60,7 +60,7 @@ const PartnerIssueModal = ({
</IconButton>
<div className="partnerIssueModal">
- <StyledIcon icon={OrangeWarn} size={40} className={'warn-icon'} />
+ <StyledIcon icon={OrangeWarn} size={40} className="warn-icon" />
<div className="partner-issue-title text-20-bold">
{t('consumption.partner_issue_modal.title')}
</div>
diff --git a/src/components/ProfileType/ProfileTypeFinished/ProfileTypeFinished.tsx b/src/components/ProfileType/ProfileTypeFinished/ProfileTypeFinished.tsx
index 41688501c10947760492b543fd2492227ec9ae25..f4b2f0ef36f99fe06ef170bae22613f63cbf55d0 100644
--- a/src/components/ProfileType/ProfileTypeFinished/ProfileTypeFinished.tsx
+++ b/src/components/ProfileType/ProfileTypeFinished/ProfileTypeFinished.tsx
@@ -121,23 +121,19 @@ const ProfileTypeFinished = ({ profileType }: { profileType: ProfileType }) => {
])
return (
- <div className={'profile-type-finished-card'}>
- <StyledIcon
- className={'profile-type-icon'}
- icon={finishIcon}
- size={120}
- />
- <div className={'profile-type-finished-label text-28-normal-uppercase'}>
+ <div className="profile-type-finished-card">
+ <StyledIcon className="profile-type-icon" icon={finishIcon} size={120} />
+ <div className="profile-type-finished-label text-28-normal-uppercase">
{t('profile_type.finished.title')}
</div>
- <div className={'profile-type-finished-description text-18-normal'}>
+ <div className="profile-type-finished-description text-18-normal">
<div>{t('profile_type.finished.label1')}</div>
<div>{t('profile_type.finished.label2')}</div>
</div>
<Button
aria-label={t('profile_type.accessibility.button_validate')}
onClick={handleClick}
- className={'profile-type-finished-button'}
+ className="profile-type-finished-button"
classes={{
root: 'btn-primary-positive',
label: 'text-16-normal',
diff --git a/src/components/ProfileType/ProfileTypeFormDateSelection/ProfileTypeFormDateSelection.tsx b/src/components/ProfileType/ProfileTypeFormDateSelection/ProfileTypeFormDateSelection.tsx
index ab64c5673ea62064b06fc6441849c9a503ab897f..cad6e9cd5bf3bbbc8667035c66386b49a4ecf5b4 100644
--- a/src/components/ProfileType/ProfileTypeFormDateSelection/ProfileTypeFormDateSelection.tsx
+++ b/src/components/ProfileType/ProfileTypeFormDateSelection/ProfileTypeFormDateSelection.tsx
@@ -130,9 +130,9 @@ const ProfileTypeFormDateSelection = ({
return (
<>
- <div className={'profile-form-container'}>
- <FormProgress step={step} formType={'profile'} />
- <div className={'profile-question-label'}>
+ <div className="profile-form-container">
+ <FormProgress step={step} formType="profile" />
+ <div className="profile-question-label">
{t(
`profile_type.${ProfileTypeStepForm[step].toLowerCase()}.question`
)}
diff --git a/src/components/ProfileType/ProfileTypeFormMultiChoice/ProfileTypeFormMultiChoice.tsx b/src/components/ProfileType/ProfileTypeFormMultiChoice/ProfileTypeFormMultiChoice.tsx
index 7cf356ab4d2590e67e4db81cf20c6ca90c5138c7..6a58102c477facedfdd91c2b89d8c7469af56e59 100644
--- a/src/components/ProfileType/ProfileTypeFormMultiChoice/ProfileTypeFormMultiChoice.tsx
+++ b/src/components/ProfileType/ProfileTypeFormMultiChoice/ProfileTypeFormMultiChoice.tsx
@@ -73,9 +73,9 @@ const ProfileTypeFormMultiChoice = ({
return (
<>
- <div className={'profile-form-container'}>
- <FormProgress step={step} formType={'profile'} />
- <div className={'profile-question-label'}>
+ <div className="profile-form-container">
+ <FormProgress step={step} formType="profile" />
+ <div className="profile-question-label">
{t(
`profile_type.${ProfileTypeStepForm[step].toLowerCase()}.question`
)}
@@ -94,7 +94,7 @@ const ProfileTypeFormMultiChoice = ({
})}
>
<input
- type={'checkbox'}
+ type="checkbox"
value={stringValue}
name={stringValue}
onChange={() => handleChange(stringValue)}
diff --git a/src/components/ProfileType/ProfileTypeFormNumber/ProfileTypeFormNumber.tsx b/src/components/ProfileType/ProfileTypeFormNumber/ProfileTypeFormNumber.tsx
index e5fcaecdbcdede56c0367eac6930f292fcebb525..7636440590b0c7d8872e1e74160b6a6db6447bca 100644
--- a/src/components/ProfileType/ProfileTypeFormNumber/ProfileTypeFormNumber.tsx
+++ b/src/components/ProfileType/ProfileTypeFormNumber/ProfileTypeFormNumber.tsx
@@ -46,17 +46,17 @@ const ProfileTypeFormNumber = ({
return (
<>
- <div className={'profile-form-container'}>
- <FormProgress step={step} formType={'profile'} />
- <div className={'profile-question-label'}>
+ <div className="profile-form-container">
+ <FormProgress step={step} formType="profile" />
+ <div className="profile-question-label">
{t(
`profile_type.${ProfileTypeStepForm[step].toLowerCase()}.question`
)}
</div>
{answer != null && (
- <label className={'text'}>
+ <label className="text">
<input
- type={'number'}
+ type="number"
value={answer.toString()}
name={answerType.attribute}
onChange={e => setAnswer(e.target.value)}
diff --git a/src/components/ProfileType/ProfileTypeFormNumberSelection/ProfileTypeFormNumberSelection.tsx b/src/components/ProfileType/ProfileTypeFormNumberSelection/ProfileTypeFormNumberSelection.tsx
index 9ca3b4ebced78665ce2fce211d7374ee8959b707..32b9486bf2cdf3526ee87bccad5a9fe90681dc15 100644
--- a/src/components/ProfileType/ProfileTypeFormNumberSelection/ProfileTypeFormNumberSelection.tsx
+++ b/src/components/ProfileType/ProfileTypeFormNumberSelection/ProfileTypeFormNumberSelection.tsx
@@ -65,32 +65,32 @@ const ProfileTypeFormNumberSelection = ({
return (
<>
- <div className={'profile-form-container'}>
- <FormProgress step={step} formType={'profile'} />
- <div className={'profile-question-label'}>
+ <div className="profile-form-container">
+ <FormProgress step={step} formType="profile" />
+ <div className="profile-question-label">
{t(
`profile_type.${ProfileTypeStepForm[step].toLowerCase()}.question`
)}
</div>
{answer !== null ? (
- <div className={'number-container'}>
+ <div className="number-container">
<Button
- className={'btn-profile-number'}
+ className="btn-profile-number"
onClick={() => decrement()}
disabled={index < 1}
>
-
</Button>
- <label className={'number'}>
+ <label className="number">
<input
- type={'text'}
+ type="text"
value={answer.toString()}
name={answerType.attribute}
disabled={true}
/>
</label>
<Button
- className={'btn-profile-number'}
+ className="btn-profile-number"
onClick={() => increment()}
disabled={index >= answerType.choices.length - 1}
>
diff --git a/src/components/ProfileType/ProfileTypeFormSingleChoice/ProfileTypeFormSingleChoice.tsx b/src/components/ProfileType/ProfileTypeFormSingleChoice/ProfileTypeFormSingleChoice.tsx
index dd37be32b34a74103d5513b1d7e68fbb2966cd88..52f88be87c5fa774acbf08f7e881bc76a9b88ec6 100644
--- a/src/components/ProfileType/ProfileTypeFormSingleChoice/ProfileTypeFormSingleChoice.tsx
+++ b/src/components/ProfileType/ProfileTypeFormSingleChoice/ProfileTypeFormSingleChoice.tsx
@@ -69,9 +69,9 @@ const ProfileTypeFormSingleChoice = ({
return (
<>
- <div className={'profile-form-container'}>
- <FormProgress step={step} formType={'profile'} />
- <div className={'profile-question-label'}>
+ <div className="profile-form-container">
+ <FormProgress step={step} formType="profile" />
+ <div className="profile-question-label">
{t(
`profile_type.${ProfileTypeStepForm[step].toLowerCase()}.question`
)}
@@ -89,7 +89,7 @@ const ProfileTypeFormSingleChoice = ({
})}
>
<input
- type={'radio'}
+ type="radio"
value={value.toString()}
name={value.toString()}
onChange={() => setAnswer(value)}
diff --git a/src/components/ProfileType/ProfileTypeView.tsx b/src/components/ProfileType/ProfileTypeView.tsx
index 010c4a3511b5f8a0aa1de3554bd81a339c9cab5c..6f619beb1e9c8c1372a0ad4602cb87174dffce58 100644
--- a/src/components/ProfileType/ProfileTypeView.tsx
+++ b/src/components/ProfileType/ProfileTypeView.tsx
@@ -223,14 +223,14 @@ const ProfileTypeView = () => {
return (
<>
- <CozyBar titleKey={'common.title_profiletype'} displayBackArrow={true} />
+ <CozyBar titleKey="common.title_profiletype" displayBackArrow={true} />
<Header
setHeaderHeight={setHeaderHeight}
- desktopTitleKey={'common.title_profiletype'}
+ desktopTitleKey="common.title_profiletype"
displayBackArrow={true}
/>
<Content heightOffset={headerHeight}>
- <div className={'profile-type-container'}>
+ <div className="profile-type-container">
{isLoading && <Loader />}
{!isLoading && (
<>
diff --git a/src/components/Quiz/QuizExplanationModal/QuizExplanationModal.tsx b/src/components/Quiz/QuizExplanationModal/QuizExplanationModal.tsx
index f1f1d432d14670f0fe56b6bbe5ecd2b1830c936c..d1dc630d7c3d2a28ac67b3c0a4f1cf77d7b50b59 100644
--- a/src/components/Quiz/QuizExplanationModal/QuizExplanationModal.tsx
+++ b/src/components/Quiz/QuizExplanationModal/QuizExplanationModal.tsx
@@ -37,15 +37,13 @@ const QuizExplanationModal = ({
<Dialog
open={open}
onClose={handleCloseClick}
- aria-labelledby={'accessibility-title'}
+ aria-labelledby="accessibility-title"
classes={{
root: 'modal-root',
paper: 'modal-paper',
}}
>
- <div id={'accessibility-title'}>
- {t('quiz.accessibility.window_title')}
- </div>
+ <div id="accessibility-title">{t('quiz.accessibility.window_title')}</div>
<div className="quiz-modal-root">
{question && (
<>
diff --git a/src/components/Quiz/QuizView.tsx b/src/components/Quiz/QuizView.tsx
index 604e6e3a540ceb8d1454abe1b344876b7d67b8e9..380346fbe0fba125cf5b63b232dccee3b2f28b45 100644
--- a/src/components/Quiz/QuizView.tsx
+++ b/src/components/Quiz/QuizView.tsx
@@ -28,10 +28,10 @@ const QuizView = () => {
return (
<>
- <CozyBar titleKey={'common.title_quiz'} displayBackArrow={true} />
+ <CozyBar titleKey="common.title_quiz" displayBackArrow={true} />
<Header
setHeaderHeight={setHeaderHeight}
- desktopTitleKey={'common.title_quiz'}
+ desktopTitleKey="common.title_quiz"
displayBackArrow={true}
/>
<Content heightOffset={headerHeight}>
diff --git a/src/components/ReleaseNotesModal/ReleaseNotesModal.tsx b/src/components/ReleaseNotesModal/ReleaseNotesModal.tsx
index bd0b6cec8bbc2b8912c40e5300e6b37aaac37e25..4d6c6988e43844ac20c6209990efd459afce63bd 100644
--- a/src/components/ReleaseNotesModal/ReleaseNotesModal.tsx
+++ b/src/components/ReleaseNotesModal/ReleaseNotesModal.tsx
@@ -24,13 +24,13 @@ const ReleaseNotesModal = ({
onClose={(event, reason): void => {
event && reason !== 'backdropClick' && handleCloseClick()
}}
- aria-labelledby={'accessibility-title'}
+ aria-labelledby="accessibility-title"
classes={{
root: 'modal-root',
paper: 'modal-paper',
}}
>
- <div id={'accessibility-title'}>
+ <div id="accessibility-title">
{t(
'consumption_visualizer.release_notes_modal.accessibility.window_title'
)}
diff --git a/src/components/Terms/CGUModal.tsx b/src/components/Terms/CGUModal.tsx
index 2102a0a3d890b04fbd8d66bc8618ea8abb778ea4..ea7517d8025bcc0f93dbee0a6b76bea8845f498c 100644
--- a/src/components/Terms/CGUModal.tsx
+++ b/src/components/Terms/CGUModal.tsx
@@ -17,13 +17,13 @@ const CGUModal = ({ open, handleCloseClick }: CGUModalProps) => {
<Dialog
open={open}
onClose={handleCloseClick}
- aria-labelledby={'accessibility-title'}
+ aria-labelledby="accessibility-title"
classes={{
root: 'modal-root',
paper: 'modal-paper',
}}
>
- <div id={'accessibility-title'}>
+ <div id="accessibility-title">
{t('feedback.accessibility.window_title')}
</div>
<IconButton
diff --git a/src/components/Terms/LegalNoticeModal.tsx b/src/components/Terms/LegalNoticeModal.tsx
index 7e7e15f3b616a112441680adcbdd996d30394fd6..79247af0ec8d3289202f78cb47d741d03d8c29f1 100644
--- a/src/components/Terms/LegalNoticeModal.tsx
+++ b/src/components/Terms/LegalNoticeModal.tsx
@@ -21,13 +21,13 @@ const LegalNoticeModal = ({
<Dialog
open={open}
onClose={handleCloseClick}
- aria-labelledby={'accessibility-title'}
+ aria-labelledby="accessibility-title"
classes={{
root: 'modal-root',
paper: 'modal-paper',
}}
>
- <div id={'accessibility-title'}>{t('legal.title_legal')}</div>
+ <div id="accessibility-title">{t('legal.title_legal')}</div>
<IconButton
aria-label={t('feedback.accessibility.button_close')}
className="modal-paper-close-button"
diff --git a/src/components/Terms/TermsView.tsx b/src/components/Terms/TermsView.tsx
index 228d645f71560631a994b72ce159de5d241b565b..728aa5ec018aa2a8e42c940f60c911f65b6681f3 100644
--- a/src/components/Terms/TermsView.tsx
+++ b/src/components/Terms/TermsView.tsx
@@ -68,7 +68,7 @@ const TermsView = () => {
})}
>
<input
- type={'checkbox'}
+ type="checkbox"
name="Data-consent-validation"
onChange={handleDataConsentValidation}
checked={dataConsentValidation}
@@ -81,7 +81,7 @@ const TermsView = () => {
})}
>
<input
- type={'checkbox'}
+ type="checkbox"
name="GCU-validation"
onChange={handleGCUValidate}
checked={GCUValidation}
@@ -132,7 +132,7 @@ const TermsView = () => {
<Button
aria-label={t('minorUpdate.button')}
onClick={handleTermValidate}
- className={'gcu-modal-button'}
+ className="gcu-modal-button"
classes={{
root: 'btn-profile-next rounded',
label: 'text-16-bold',
diff --git a/src/components/WelcomeModal/WelcomeModal.tsx b/src/components/WelcomeModal/WelcomeModal.tsx
index a7dfddae9c49c62666f6cac97996efc71b52f4a1..0fc095b5ffa698e75180400981320c099537be36 100644
--- a/src/components/WelcomeModal/WelcomeModal.tsx
+++ b/src/components/WelcomeModal/WelcomeModal.tsx
@@ -74,13 +74,13 @@ const WelcomeModal = ({ open }: WelcomeModalProps) => {
<Dialog
open={open}
onClose={setWelcomeModalViewed}
- aria-labelledby={'accessibility-title'}
+ aria-labelledby="accessibility-title"
classes={{
root: 'modal-root',
paper: 'modal-paper',
}}
>
- <div id={'accessibility-title'}>
+ <div id="accessibility-title">
{t('onboarding.welcomeModal.accessibility.window_title')}
</div>
<IconButton