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

Mohan - Finishing for Vedant - Fix assign team button hover at smaller resolutions #2708

Conversation

vedantg24
Copy link
Contributor

Description

Fixed assign team button hover at smaller resolutions

Screenshot 2024-09-18 at 8 03 23 PM

Related PRS (if any):

This frontend PR is related to the development backend PR.

Main changes explained:

Updated UserTeamsTable.jsx and added the tooltip for the assign team button at smaller resolutions

How to test:

  1. check into current branch
  2. do npm install and ... to run this PR locally
  3. Clear site data/cache
  4. log as owner/admin user
  5. go to dashboard→ View Profile → Teams → Check "Assign Team" button
  6. verify that the message "This team code should only used by admin/owner, and has nothing to do with the team data mode" pops up in different resolutions

Screenshots or videos of changes:

Screen.Recording.2024-09-21.at.12.51.11.PM.mov

Copy link

netlify bot commented Sep 21, 2024

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit 60ea212
🔍 Latest deploy log https://app.netlify.com/sites/highestgoodnetwork-dev/deploys/678336e82d23a000081d7b3b
😎 Deploy Preview https://deploy-preview-2708--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

@panchalvatneu panchalvatneu left a comment

Choose a reason for hiding this comment

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

image
image
image
The message appears, and in different sizes. There is a copy editing error however; it should read: "The team should only be used by admin/owner, and has nothing to do with the team data model."

@tharunaa-1
Copy link

when you hover over team the pop up comes as expected.

image

Copy link

@ashmita123 ashmita123 left a comment

Choose a reason for hiding this comment

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

Tested PR #2708 in both light and dark modes. The "Assign Team" button tooltip appears correctly at smaller resolutions.

Screen.Recording.2024-09-26.at.9.42.01.AM.mov

@beblicarl beblicarl requested review from beblicarl and removed request for panchalvatneu September 26, 2024 16:37
@beblicarl
Copy link
Contributor

this functionality works as intended and the code is great

image

beblicarl
beblicarl previously approved these changes Sep 26, 2024
Dk-21
Dk-21 previously approved these changes Sep 26, 2024
Copy link
Contributor

@Dk-21 Dk-21 left a comment

Choose a reason for hiding this comment

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

PR 2708

@vedantg24
Tested the changes and Its working Expected.

PR-2708.mov

@one-community one-community added the High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible label Sep 27, 2024
Vincent-space
Vincent-space previously approved these changes Sep 28, 2024
Copy link

@Vincent-space Vincent-space left a comment

Choose a reason for hiding this comment

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

Hi, everything works well as mentioned.
image

aaryaneil
aaryaneil previously approved these changes Sep 28, 2024
Copy link
Contributor

@aaryaneil aaryaneil left a comment

Choose a reason for hiding this comment

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

Tested the PR and the hover functionality works as expected for different resolutions
Screenshot 2024-09-28 at 9 56 25 AM
Screenshot 2024-09-28 at 9 58 39 AM

@khushijain03 khushijain03 self-requested a review September 29, 2024 01:17
khushijain03
khushijain03 previously approved these changes Sep 29, 2024
Copy link

@khushijain03 khushijain03 left a comment

Choose a reason for hiding this comment

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

Hi @vedantg24,

Tested the PR and the functionality works as expected for different resolutions.

Screenshot 2024-09-28 at 9 23 26 PM Screenshot 2024-09-28 at 9 24 06 PM

Copy link

@Muzammil603 Muzammil603 left a comment

Choose a reason for hiding this comment

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

image
image
working as expected

Copy link

@Gauravmg6 Gauravmg6 left a comment

Choose a reason for hiding this comment

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

It is working well as expected.
Screenshot 2024-09-29 142310

Copy link
Contributor

@mrinalini-raghavendran19 mrinalini-raghavendran19 left a comment

Choose a reason for hiding this comment

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

Looks good to me!

The Ui changes work as expected. Here are screenshots of the App in light and dark mode displaying the working of the feature:

Screenshot 2024-10-01 at 11 17 38 AM Screenshot 2024-10-01 at 11 18 04 AM Screenshot 2024-10-01 at 11 18 31 AM Screenshot 2024-10-01 at 11 18 46 AM

@pallavithorat
Copy link
Contributor

Hi, It is working as expected.
PR Review #2708

Copy link

@ishangoel17 ishangoel17 left a comment

Choose a reason for hiding this comment

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

Verified the PR and the changes are working as expected. The team button is visible as expected on hovering. Below are the screenshots for reference:
Capture2708_1
Capture2708_2

@javid679
Copy link

javid679 commented Oct 4, 2024

Verified the PR and the changes are working as expected. Below are the screenshots for the reference.

image

nikhilgiri0226
nikhilgiri0226 previously approved these changes Oct 4, 2024
Copy link
Contributor

@nikhilgiri0226 nikhilgiri0226 left a comment

Choose a reason for hiding this comment

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

The tooltip was working as expected in both mobile and desktop screen sizes.
Screenshot_2708_Desktop
Screenshot_2708_Mobile

nikhilpittala16
nikhilpittala16 previously approved these changes Oct 5, 2024
Copy link

@nikhilpittala16 nikhilpittala16 left a comment

Choose a reason for hiding this comment

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

I have tested the PR and everything works as expected.

PR.vid.46.mp4

AshishNags
AshishNags previously approved these changes Oct 7, 2024
Copy link
Contributor

@AshishNags AshishNags left a comment

Choose a reason for hiding this comment

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

Tested the PR, the message appears correctly when hovered in different resolution.

Screenshot 2024-10-07 124817
Screenshot 2024-10-07 124859

@Anoushka21 Anoushka21 self-requested a review October 18, 2024 04:50
Anoushka21
Anoushka21 previously approved these changes Oct 18, 2024
Copy link

@Anoushka21 Anoushka21 left a comment

Choose a reason for hiding this comment

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

Tested on smaller resolutions.

PR-2708.mp4

The pop up looks good!

Copy link
Contributor

@lng2020 lng2020 left a comment

Choose a reason for hiding this comment

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

I think CI failure is due to an existing ID teamCodeAssign button.

@VMD281
Copy link

VMD281 commented Oct 19, 2024

Hi, I reviewed this PR and the assign team button hover works properly at smaller resolution as well.
PR#2708_1
PR#2708_2

Copy link

@bhavya17prakash bhavya17prakash left a comment

Choose a reason for hiding this comment

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

The assign team button hover is working as expected at smaller resolutions. Please find the screen recording of testing attached.

PR.2708.mp4

zhiminV
zhiminV previously approved these changes Oct 20, 2024
Copy link

@zhiminV zhiminV left a comment

Choose a reason for hiding this comment

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

I have checked the feature and it work as expected
Screenshot 2024-10-19 at 6 26 25 PM

@sheetalmangate
Copy link
Contributor

Changes are working locally. only having suggestion if message "This team code should only.." is define as constant instead.

PR2708_testing

Copy link

@AshritaCherlapally AshritaCherlapally left a comment

Choose a reason for hiding this comment

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

This code is working as expected. Assign Team button is working as per the changes at smaller resolutions.

PR.2708.mov

Copy link
Contributor

@anandsesha anandsesha left a comment

Choose a reason for hiding this comment

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

Tested this PR and the resolution changes to the Teams section work as expected and the tooltip for the assign team button at smaller resolutions. The members modal displays correctly. Codbase looks clean. Screenshots attached.

Screenshot (1131)
Screenshot (1130)
Screenshot (1128)
Screenshot (1127)
Screenshot (1126)

@one-community one-community added Needs New Developer This is a PR that is partially developed but needs someone new to take it over and finish it. do not review Do not review or look at code without full context and removed High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible labels Dec 11, 2024
@one-community one-community changed the title Vedant Fix assign team button hover at smaller resolutions Mohan - Finishing for Vedant - Fix assign team button hover at smaller resolutions Jan 12, 2025
@one-community
Copy link
Member

Thank you all, merging!

@one-community one-community merged commit 3fbded5 into development Jan 12, 2025
7 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
do not review Do not review or look at code without full context Moved to Final Review Needs New Developer This is a PR that is partially developed but needs someone new to take it over and finish it.
Projects
None yet
Development

Successfully merging this pull request may close these issues.