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

[WV-659] & [WV-660] VoterPositionEntryAndDisplay && VoterPositionEditNameAndPhotoModal #4228

Open
wants to merge 2 commits into
base: develop
Choose a base branch
from

Conversation

itcreativeusa
Copy link
Contributor

@itcreativeusa itcreativeusa commented Jan 19, 2025

WV-659 & WV-660 VoterPositionEntryAndDisplay && VoterPositionEditNameAndPhotoModal

  • Created a new functional component VoterPositionEntryAndDisplay to manage user opinions and enable modal interactions.
  • Created a new functional component VoterPositionEditNameAndPhotoModal to user photo and name.
    1. "What's your opinion?" modal for adding or editing opinions (WebApp/src/js/components/PositionItem/VoterPositionEntryAndDisplay.jsx).
    2. Edit Name & Add Photo modal for updating user details (WebApp/src/js/components/PositionItem/VoterPositionEditNameAndPhotoModal.jsx).
  • Styled components to align with the design system, utilizing DesignTokenColors for consistent theming.
    Notes:
    Both modals were included in the same commit since one opens the other.
  • Future updates to each modal can be made independently in different branches i just decided to show it and push commit together for this two modals.

… click "What's your opinion?" & VoterPositionEntryAndDisplay: Open modal to edit name & add photo

[WV-659] & [WV-660] Implement VoterPositionEntryAndDisplay with Related Modals

- Created a new functional component `VoterPositionEntryAndDisplay` to manage user opinions and enable modal interactions.
- Implemented two related modals:
  1. "What's your opinion?" modal for adding or editing opinions (`WebApp/src/js/components/PositionItem/VoterPositionEntryAndDisplay.jsx`).
  2. Edit Name & Add Photo modal for updating user details (`WebApp/src/js/components/PositionItem/VoterPositionEditNameAndPhotoModal.jsx`).
- Managed state for visibility, opinion text, and user details dynamically using `VoterStore`.
- Styled components to align with the design system, utilizing `DesignTokenColors` for consistent theming.
- Both modals were included in the same commit since one opens the other, ensuring seamless integration.

Notes:
- Future updates to each modal can be made independently in different branches i jest decided to show it and push commit together for this two modals.
Copy link

@accesslint accesslint bot left a comment

Choose a reason for hiding this comment

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

There are accessibility issues in these changes.

<div className={classes.container}>
<span className={classes.label}>Opinion visible to:</span>
<FormControl className={classes.formControl}>
<Select
Copy link

Choose a reason for hiding this comment

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

Looks like this element is missing an accessible name or label. That makes it hard for people using screen readers or voice control to use the control.

…PostPublicDropdown.jsx

Apply fixes and improve accessibility in ActivityPostPublicDropdown.jsx
Copy link

@accesslint accesslint bot left a comment

Choose a reason for hiding this comment

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

👏 You fixed the issue(s)! Great work.

@itcreativeusa
Copy link
Contributor Author

Screen.Recording.2025-01-19.at.2.50.50.PM.mov

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.

1 participant