From fd26955f2ef54bccbaefe34ac4264a9438c52977 Mon Sep 17 00:00:00 2001 From: Yoan VALLET <ext.sopra.yvallet@grandlyon.com> Date: Sun, 7 Jun 2020 19:30:20 +0200 Subject: [PATCH] feat: clean code --- .../ContentComponents/Konnector/KonnectorLaunch.tsx | 9 ++++----- .../Konnector/KonnectorLoginForm.tsx | 3 --- .../ContentComponents/Konnector/KonnectorResult.tsx | 1 - src/styles/components/_konnector.scss | 12 ++++++------ 4 files changed, 10 insertions(+), 15 deletions(-) diff --git a/src/components/ContentComponents/Konnector/KonnectorLaunch.tsx b/src/components/ContentComponents/Konnector/KonnectorLaunch.tsx index 0f19c1358..8b0c24dea 100644 --- a/src/components/ContentComponents/Konnector/KonnectorLaunch.tsx +++ b/src/components/ContentComponents/Konnector/KonnectorLaunch.tsx @@ -70,22 +70,21 @@ const KonnectorLaunch: React.FC<KonnectorLaunchProps> = ({ } }, []) - // TODO - SUCCESS SCREEN + rename of class return ( - <div className="kload-content"> + <div className="klaunch-content"> {!state ? ( <> <Lottie options={loadingOptions} height={50} width={50} /> - <div className="kload-content-text kload-content-text-center text-16-normal"> + <div className="klaunch-content-text klaunch-content-text-center text-16-normal"> <div>{t('KONNECTORCONFIG.PLZ_WAIT')}</div> </div> - <div className="kload-content-text text-16-normal"> + <div className="klaunch-content-text text-16-normal"> <div>{t('KONNECTORCONFIG.LOADING_DATA')}</div> </div> </> ) : ( <> - <div className="konnector-info-txt"> + <div className="klaunch-info-txt"> {state === ERROR_EVENT ? t('KONNECTORCONFIG.ERROR_DATA') : t('KONNECTORCONFIG.SUCCESS')} diff --git a/src/components/ContentComponents/Konnector/KonnectorLoginForm.tsx b/src/components/ContentComponents/Konnector/KonnectorLoginForm.tsx index 13fa9e3ff..6d8381931 100644 --- a/src/components/ContentComponents/Konnector/KonnectorLoginForm.tsx +++ b/src/components/ContentComponents/Konnector/KonnectorLoginForm.tsx @@ -65,8 +65,6 @@ const KonnectorLoginForm: React.FC<KonnectorLoginFormProps> = ({ } const update = async () => { - // TODO - update account - console.log('Update') const auth = { login: login, password: password, @@ -97,7 +95,6 @@ const KonnectorLoginForm: React.FC<KonnectorLoginFormProps> = ({ } useEffect(() => { - console.log(fluidConfig.konnectorConfig.slug, account) if (account) { const auth: AuthLoginData = account.auth if (auth.login) { diff --git a/src/components/ContentComponents/Konnector/KonnectorResult.tsx b/src/components/ContentComponents/Konnector/KonnectorResult.tsx index 599db4421..c0b54a0a5 100644 --- a/src/components/ContentComponents/Konnector/KonnectorResult.tsx +++ b/src/components/ContentComponents/Konnector/KonnectorResult.tsx @@ -58,7 +58,6 @@ const KonnectorResult: React.FC<KonnectorResultProps> = ({ setUpdating(false) } - // TODO - rework const updateKonnector = async () => { setUpdating(true) setStatus('') diff --git a/src/styles/components/_konnector.scss b/src/styles/components/_konnector.scss index b306ca2e4..e5ac1303c 100644 --- a/src/styles/components/_konnector.scss +++ b/src/styles/components/_konnector.scss @@ -143,23 +143,23 @@ } // KonnectorLoading -.kload-content { +.klaunch-content { margin: 0.5rem 1.5rem; @media #{$large-phone} { margin: 0.5rem 0; } - .kload-content-text { + .klaunch-content-text { color: $text-bright; margin: 1rem 0; } - .kload-content-text-center { + .klaunch-content-text-center { text-align: center; } + .klaunch-info-txt { + margin-top: 1.5rem; + } } -.konnector-info-txt { - margin-top: 1.5rem; -} .state-icon { height: 22px; -- GitLab