Page Comparison

...

• intl-whitelabel-app

  • TASK 1

    • Create a new modal for agreements;

      • This modal need to have a Title, description, checkbox and two buttons;

  • TASK 2

    • Create a text for checkbox with translates;

      • This moment, just English and Spanish;

  • TASK 3

    • On file: (this task is refinement of IBFEC-51)

      • path: intl-whitelabel-app/workspaces/frontend/src/state/auth/index.tsx

      • We will export validateAcceptanceAgreement

        Code Block
        const { ... validateAcceptanceAgreement, } = useAccountAuthentication({ refreshCurrentUser, openErrorDialog, setCurrentUser, });

      • After that, we will create a useEffect:

        Code Block
        useEffect(() => { const validate = enableRequiredAcceptanceAgreementInfo ? validateAcceptanceAgreement(user) : []; if (validate?.length) { // TODO MODAL COMPONENT } }, [user, validateAcceptanceAgreement, getCtx]);

        • We will add on useEffect the method getCtx because all time the getCtx will change, we will validate the Acceptance Agreements

  • TASK 4

    • Create a link for agreements;

      • Create a logic for create links in according to docs in sanity, for know how many docs, we can be use the integrations of IBFEC-51 story;

      • Image RemovedImage Removed

  • TASK 5

    • Create logic for buttons

      • Can click in "Continue" only after checked the checkbox, because the button stay disable in case the checkbox was unchecked;

      • The button “Disagree and Logout”, stay ability every time, and in case click can do logout user;

      • The unique form of close the modal is for the buttons

...