Skip to content

Conversation

@yaaabs
Copy link
Contributor

@yaaabs yaaabs commented Sep 21, 2025

Add Email Support for Legislative Officials

This PR adds missing email functionality to the legislative chamber pages.

Changes

  • Added email display with Mail icons for legislative officials
  • Email addresses are now clickable mailto links
  • Restored Mail import that was needed for this feature

Benefits

  • Users can now easily contact legislative officials via email
  • Consistent with other contact information (address, phone, website)
  • Improves accessibility and user experience

Impact

  • Displays email addresses that were previously hidden in the data
  • No breaking changes - purely additive functionality

@jasontorres
Copy link
Collaborator

Thank you! Can we expand this further on other areas of the site?

Copy link
Member

@angelofallars angelofallars left a comment

Choose a reason for hiding this comment

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

merge conflict

@yaaabs
Copy link
Contributor Author

yaaabs commented Sep 21, 2025

Thank you! Yes, I'd be happy to expand this to other areas. I can see email fields in the diplomaticc, constitutional, and executive directory data too. Should I create separate PRs for each area or one larger PR for all directories? I’ll resolve the mergr conflict first.

@yaaabs
Copy link
Contributor Author

yaaabs commented Sep 21, 2025

merge conflict resolved

Copy link
Member

@angelofallars angelofallars left a comment

Choose a reason for hiding this comment

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

i am getting this error in /government/legislative/house-of-representatives-20th-congress:

[chamber].tsx:66 Uncaught ReferenceError: Mail is not defined
    at [chamber].tsx:66:20
    at Array.map (<anonymous>)
    at LegislativeDetailSection ([chamber].tsx:58:31)
    at react-stack-bottom-frame (react-dom_client.js?v=9591f5f4:17424:20)
    at renderWithHooks (react-dom_client.js?v=9591f5f4:4206:24)
    at updateFunctionComponent (react-dom_client.js?v=9591f5f4:6619:21)
    at beginWork (react-dom_client.js?v=9591f5f4:7654:20)
    at runWithFiberInDEV (react-dom_client.js?v=9591f5f4:1485:72)
    at performUnitOfWork (react-dom_client.js?v=9591f5f4:10868:98)
    at workLoopSync (react-dom_client.js?v=9591f5f4:10728:43)
...
image

Have you tested out this change in the browser yet?

'website',
'email',
];
]
Copy link
Member

Choose a reason for hiding this comment

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

missed a semicolon here

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Fixed the missing semicolon

Copy link
Member

@angelofallars angelofallars left a comment

Choose a reason for hiding this comment

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

on desktop there is some overflow (see last element)
image

@angelofallars angelofallars added the stale Has not been worked on in a while label Oct 16, 2025
@github-actions
Copy link

Stale pull request message

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

no-pr-activity stale Has not been worked on in a while

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants