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

Add modal to acknowledge user about status change on marking progress to 100% #1322

Merged
merged 27 commits into from
Feb 10, 2025

Conversation

RishiChaubey31
Copy link
Member

@RishiChaubey31 RishiChaubey31 commented Jan 17, 2025

Date: 23-01-2025

Developer Name: Rishi Chaubey


Issue Ticket Number

Description

Documentation Updated?

  • Yes
  • No

Under Feature Flag

  • Yes
  • No

Database Changes

  • Yes
  • No

Breaking Changes

  • Yes
  • No

Development Tested?

  • Yes
  • No

Screenshots

Screenshot 1
screen-recording-2-1_5AsnMDLX.mp4

Screenshot 2025-02-06 224731

Screenshot 2025-02-06 225056

left one is the created modal and right one is the design approved

Test Coverage

Screenshot 1

Screenshot 2025-02-09 110853

Screenshot 2025-02-09 112244

Screenshot 2025-02-09 112254
Screenshot 2025-02-09 112309
Screenshot 2025-02-09 110518

Screenshot 2025-02-09 110548
Screenshot 2025-02-09 110612

Additional Notes

Copy link

vercel bot commented Jan 17, 2025

@RishiChaubey31 is attempting to deploy a commit to the RDS-Team Team on Vercel.

A member of the Team first needs to authorize it.

@AnujChhikara
Copy link
Member

Also, could you please mention in the design doc that the scope of this task is limited to displaying the modal and does not include changing the status of the task?

@RishiChaubey31
Copy link
Member Author

Also, could you please mention in the design doc that the scope of this task is limited to displaying the modal and does not include changing the status of the task?

I have mentioned this info in the design doc.

@RishiChaubey31 RishiChaubey31 removed the request for review from Achintya-Chatterjee January 28, 2025 22:42
@VinuB-Dev
Copy link
Contributor

We have a reusable modal component, why are we not using it here?

@VinuB-Dev
Copy link
Contributor

Can you also mention which option was selected among the 2 options provided in the figma design? I can't see that in the design doc, please add it there also.

@RishiChaubey31
Copy link
Member Author

RishiChaubey31 commented Jan 31, 2025

We have a reusable modal component, why are we not using it here?

Can you also mention which option was selected among the 2 options provided in the figma design? I can't see that in the design doc, please add it there also.

We have a reusable modal component, why are we not using it here?

the reusable modal component is different from what my modal design looks

the 1st option was selected as per mentioned by Ankush in the design doc comments

@VinuB-Dev
Copy link
Contributor

@RishiChaubey31 Can you please check this #1322 (comment)
this will make sure we don't add manual height and width, which might impact responsiveness.

@VinuB-Dev
Copy link
Contributor

VinuB-Dev commented Feb 8, 2025

Last comment, other changes look good.
Will approve it once the border rem/px has clarity and modifications if required are done.

AnujChhikara
AnujChhikara previously approved these changes Feb 8, 2025
Copy link
Member

@AnujChhikara AnujChhikara left a comment

Choose a reason for hiding this comment

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

LGTM

@@ -1223,7 +1223,7 @@

"@floating-ui/react-dom@^2.1.2":
version "2.1.2"
resolved "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.2.tgz#a1349bbf6a0e5cb5ded55d023766f20a4d439a31"
resolved "https://registry.yarnpkg.com/@floating-ui/react-dom/-/react-dom-2.1.2.tgz#a1349bbf6a0e5cb5ded55d023766f20a4d439a31"
Copy link
Member

Choose a reason for hiding this comment

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

why this and if this then where is package file ..?

Copy link
Member Author

Choose a reason for hiding this comment

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

I ran the yarn install @floating-ui/react-dom then the yarn lock file got changed, I did not change it manually.
This package was already present in the package.json file but was missing in my node modules, hence I ran this command.

@iamitprakash iamitprakash merged commit 115bbfa into Real-Dev-Squad:develop Feb 10, 2025
1 of 2 checks passed
@pankajjs pankajjs mentioned this pull request Feb 11, 2025
10 tasks
iamitprakash added a commit that referenced this pull request Feb 12, 2025
* Add modal to acknowledge user about status change on marking progress to 100% (#1322)

* initial commit

* refactor code

* added feature flag

* refactored some code

* changed casing and removed comments

* changed to predefined colouring

* removed unnecessary useCallbacks

* removed onstatus function

* resolved commented changes

* decereased the mismatch between the modal and design doc modal

* changed button color

* font change

* used the already created modal component

* dimensional changes

* refactored function

* small refactoring

* async await updated

* applied callback on close icon

* refactored to named exports

* removed a div element

* rounded off the rem values

* put the close icon inside button wrapper

* rounded off rems

* rounded off rem values

* Fixed: Added a button to close model. (#1312)

* Close button added

* Added cross button on update modal

* Formatting done

* All Test Passed

* Unnecessery Code Removed

* Fix test to check if setIsOpen is called on close button click

* Tests / Add modal to acknowledge user about status change on marking progress to 100% (#1324)

* initial changes

* removed unnecessary lines

* removed the onStatusChange tests

* added one more check to ensure that the onclose() function is working

* added more tests

* added should before each line

* added braces

* added dev flag tests

* added the testid check

* added skip to tests

* added skeleton components to pass linitng checks

* added one more test case

* removed skips

* added a getAllByRole

---------

Co-authored-by: Rishi Chaubey <155433512+RishiChaubey31@users.noreply.github.com>
Co-authored-by: Aditya Zende <adityazende6710@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Modal creation to acknowledge user about status change upon user marking 100% task completion
8 participants