[#152] improve form

IntersectMBO · Feb 28, 2024 · abf69be · abf69be
1 parent 1293672
commit abf69be
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/govtool/frontend/src/components/organisms/RegisterAsdRepStepTwo.tsx b/govtool/frontend/src/components/organisms/RegisterAsdRepStepTwo.tsx
@@ -18,16 +18,17 @@ interface Props {
 export const RegisterAsdRepStepTwo = ({ setStep }: Props) => {
   const { t } = useTranslation();
   const { isMobile } = useScreenDimension();
-  const { control, errors } = useRegisterAsdRepFormContext();
+  const { control, errors,isContinueButtonDisabled, isSkipButton  } = useRegisterAsdRepFormContext();
 
   const onClickContinue = useCallback(() => setStep(3), []);
 
   const onClickBackButton = useCallback(() => setStep(1), []);
 
   return (
     <BgCard
-      actionButtonLabel={t("continue")}
+      actionButtonLabel={isSkipButton ? t("skip") : t("continue")}
       onClickActionButton={onClickContinue}
+      isActionButtonDisabled={isContinueButtonDisabled}
       onClickBackButton={onClickBackButton}
     >
       <Typography

diff --git a/govtool/frontend/src/hooks/forms/useRegisterAsdRepFormContext.tsx b/govtool/frontend/src/hooks/forms/useRegisterAsdRepFormContext.tsx
@@ -25,6 +25,10 @@ export const useRegisterAsdRepFormContext = () => {
     watch,
   } = useFormContext<UrlAndHashFormValues>();
 
+  const isSkipButton = !watch('hash')?.trim() && !watch("url")?.trim()
+
+  const isContinueButtonDisabled = !!Object.keys(errors).length
+
   const onSubmit = useCallback(
     async (values: UrlAndHashFormValues) => {
       const { url, hash } = values;
@@ -92,6 +96,8 @@ export const useRegisterAsdRepFormContext = () => {
     control,
     errors,
     isValid,
+    isContinueButtonDisabled,
+    isSkipButton,
     watch,
     submitForm: handleSubmit(onSubmit),
   };