Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

#216 add modal window email varify #262

Merged
merged 13 commits into from
Oct 28, 2023
Merged

Conversation

whooaami
Copy link
Collaborator

@whooaami whooaami commented Oct 9, 2023

Page about confirming your email
Знімок екрана 2023-10-09 о 20 38 17

Resend email activation
Знімок екрана 2023-10-09 о 20 39 17

Successful confirmation via email link
Знімок екрана 2023-10-09 о 20 47 34

Failed confirmation via email link
Знімок екрана 2023-10-09 о 20 48 10

@whooaami whooaami self-assigned this Oct 9, 2023
@whooaami whooaami added the task label Oct 9, 2023
@whooaami whooaami added this to the Sprint 5 milestone Oct 9, 2023
@whooaami whooaami linked an issue Oct 9, 2023 that may be closed by this pull request
@Shushunya Shushunya mentioned this pull request Oct 10, 2023
mode: 'all',
});

const { setIsValid } = props;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You can destructure it directly in function params
export function ResendActivationFormContentComponent(({ setIsValid })) {

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fixed

data: dataToSend
}).then(res => console.log(res.data)).catch(error => console.log(error));
console.log(process.env.REACT_APP_BASE_API_URL);
navigate('/login');
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think we should navigate users only when activation is successful and show error when smth went wrong

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fixed.
What about error, It will probably be better to do this in a new task because I need to come up with a design for the error?

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I do not think that we have a design for every second error state. I would recommend using existing toast alerts

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fixed

Comment on lines 44 to 45
}).then(res => console.log(res.data)).catch(error => console.log(error));
console.log(process.env.REACT_APP_BASE_API_URL);
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Do we need all these logs in the production code?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fixed

@@ -0,0 +1,112 @@
.modal {
position: absolute; /* or fixed */
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fixed

color: var(--character-title-85, rgba(0, 0, 0, 0.85));
font-feature-settings: "calt" off;

/* Text/Body/16-Semi bold */
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Very obvious comment. Check best practices above

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fixed. I copied styles for buttons, etc., and forgot to remove these comments.

import axios from 'axios';
import styles from './ResendActivationFormContent.module.css';

export function ResendActivationFormContentComponent({ setIsValid }) {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Could you add prop types here

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fixed

@whooaami whooaami merged commit 801fd0a into develop Oct 28, 2023
3 checks passed
@whooaami whooaami deleted the #216-AddModalWindowEmailVarify branch October 28, 2023 12:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add modal window when verification was successfully completed
2 participants