diff --git a/src/components/Options/ReportOptions.spec.tsx b/src/components/Options/AnalysisOptions.spec.tsx similarity index 92% rename from src/components/Options/ReportOptions.spec.tsx rename to src/components/Options/AnalysisOptions.spec.tsx index ae5e6fb3708a6bab45d891dfade146e916904b32..8ff833ad6dcba46257a30454f993cf1337430941 100644 --- a/src/components/Options/ReportOptions.spec.tsx +++ b/src/components/Options/AnalysisOptions.spec.tsx @@ -1,7 +1,7 @@ import React from 'react' import { mount } from 'enzyme' import { Provider } from 'react-redux' -import ReportOptions from 'components/Options/ReportOptions' +import AnlysisOptions from 'components/Options/AnalysisOptions' import { createMockStore, mockInitialEcolyoState, @@ -31,7 +31,7 @@ describe('ReportOptions component', () => { it('should be rendered with 2 inputs', () => { const wrapper = mount( <Provider store={store}> - <ReportOptions /> + <AnlysisOptions /> </Provider> ) expect(wrapper.find('input')).toHaveLength(2) @@ -40,7 +40,7 @@ describe('ReportOptions component', () => { it('should update the profile with sendReportNotification to true', () => { const wrapper = mount( <Provider store={store}> - <ReportOptions /> + <AnlysisOptions /> </Provider> ) wrapper @@ -56,7 +56,7 @@ describe('ReportOptions component', () => { it('should update the profile with sendReportNotification to false', () => { const wrapper = mount( <Provider store={store}> - <ReportOptions /> + <AnlysisOptions /> </Provider> ) wrapper diff --git a/src/components/Options/ReportOptions.tsx b/src/components/Options/AnalysisOptions.tsx similarity index 80% rename from src/components/Options/ReportOptions.tsx rename to src/components/Options/AnalysisOptions.tsx index 97232bec66f9b21f574b7f2a2230ece7291605dd..9e3125433b002a005c583101b11a017cfd00c7f7 100644 --- a/src/components/Options/ReportOptions.tsx +++ b/src/components/Options/AnalysisOptions.tsx @@ -3,9 +3,9 @@ import { useI18n } from 'cozy-ui/transpiled/react/I18n' import { useSelector, useDispatch } from 'react-redux' import { AppStore } from 'store' import { updateProfile } from 'store/profile/profile.actions' -import './reportOptions.scss' +import './analysisOptions.scss' -const ReportOptions: React.FC = () => { +const AnlysisOptions: React.FC = () => { const { t } = useI18n() const dispatch = useDispatch() const profile = useSelector((state: AppStore) => state.ecolyo.profile) @@ -21,10 +21,10 @@ const ReportOptions: React.FC = () => { } return ( - <div className="report-option-root"> - <div className="report-option-content"> + <div className="analysis-option-root"> + <div className="analysis-option-content"> <div className="head text-14-normal-uppercase"> - {t('PROFILE.REPORT.TITLE')} + {t('PROFILE.ANALYSIS.TITLE')} </div> <form action="" className="radios"> <div className="input"> @@ -40,7 +40,7 @@ const ReportOptions: React.FC = () => { : false } ></input> - <label htmlFor="monthly"> {t('PROFILE.REPORT.MONTHLY')}</label> + <label htmlFor="monthly"> {t('PROFILE.ANALYSIS.MONTHLY')}</label> </div> <div className="input"> <input @@ -55,7 +55,7 @@ const ReportOptions: React.FC = () => { : false } ></input> - <label htmlFor="never"> {t('PROFILE.REPORT.NEVER')}</label> + <label htmlFor="never"> {t('PROFILE.ANALYSIS.NEVER')}</label> </div> </form> </div> @@ -63,4 +63,4 @@ const ReportOptions: React.FC = () => { ) } -export default ReportOptions +export default AnlysisOptions diff --git a/src/components/Options/OptionsView.tsx b/src/components/Options/OptionsView.tsx index 7a40b8c63d4474b824e577daef8314b0da346ef8..6bfd8af177c053a4d8226cab5d49ad0c0fd9d47b 100644 --- a/src/components/Options/OptionsView.tsx +++ b/src/components/Options/OptionsView.tsx @@ -3,7 +3,7 @@ import CozyBar from 'components/Header/CozyBar' import Header from 'components/Header/Header' import Content from 'components/Content/Content' import KonnectorViewerList from 'components/Konnector/KonnectorViewerList' -import ReportOptions from 'components/Options/ReportOptions' +import AnlysisOptions from 'components/Options/AnalysisOptions' import FAQLink from 'components/FAQ/FAQLink' import LegalNoticeLink from 'components/LegalNotice/LegalNoticeLink' import Version from 'components/Version/Version' @@ -28,7 +28,7 @@ const OptionsView: React.FC = () => { ></Header> <Content height={headerHeight}> <KonnectorViewerList isParam={true} /> - <ReportOptions /> + <AnlysisOptions /> <FAQLink /> <LegalNoticeLink /> <div className="parameters-logos"> diff --git a/src/components/Options/reportOptions.scss b/src/components/Options/analysisOptions.scss similarity index 96% rename from src/components/Options/reportOptions.scss rename to src/components/Options/analysisOptions.scss index 9f9fde66e03ab30412be30f1d031809a9ebd9cf4..99adef540e6945713a8c4a10911208235da15cb0 100644 --- a/src/components/Options/reportOptions.scss +++ b/src/components/Options/analysisOptions.scss @@ -1,12 +1,12 @@ @import 'src/styles/base/color'; @import 'src/styles/base/breakpoint'; -.report-option-root { +.analysis-option-root { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 1.5rem; - .report-option-content { + .analysis-option-content { width: 45.75rem; @media #{$large-phone} { width: 100%;