Download message for commitee filing PDFs that are 100K or more pages

[johnnyporkchops]

Summary (required)

• Resolves Add state to download dropdown for committee filings that are too large to download #7195

• For committee filings downloads, adds an "email tech support" message for PDFs that are over 100,000 pages

• Make sure reports datatables that use the same download panel template are not affected

Required reviewers

one dev. one UX

Impacted areas of the application

PDF file download options on:
https://www.fec.gov/data/filings/?data_type=processed

Screenshots

---

How to test

*** REMOVE TEMP FEATURE DEPLOY TASK BEFORE MERGE! ***

• npm run build
• npm run test-single
• Test filings datatable with committee with big data like ActBlue:
  • http://127.0.0.1:8000/data/filings/?data_type=processed&q_filer=C00401224
• Test single committee page for commitee with big data like ActBlue:
  • http://127.0.0.1:8000//data/committee/C00401224/?tab=filings
• Confirm that the PDF option in the downloads panel shows the message when pages are >= 100,000
• Make sure you can select and copy the email address instead of clicking the link

[rfultz]

When the row is expanded/has its child rows, the link text is invisible

[JonellaCulmer]

@johnnyporkchops I'm unable to review this locally, but want to confirm that the rollover works across all three fields in the dropdown. If we need to adjust the color of the text, let me know. It also looks like the .pdf text is larger than the first two options and the alignment is slightly off.

[johnnyporkchops]

@JonellaCulmer

but want to confirm that the rollover works across all three fields

By rollover, do you mean the gray background on hover?
A hover color that covers the whole enclosing box usually signifies that the whole area is clickable (according to MDN docs) so I overrode the cursor to only be a pointer (hand) , when hovering the link itself.

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 79.73%. Comparing base (faeaa0b) to head (3e07306).
⚠️ Report is 23 commits behind head on develop.

Additional details and impacted files

@@           Coverage Diff            @@
##           develop    #7216   +/-   ##
========================================
  Coverage    79.73%   79.73%           
========================================
  Files          256      256           
  Lines         6756     6756           
========================================
  Hits          5387     5387           
  Misses        1369     1369           

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[JonellaCulmer]

@johnnyporkchops I think this all looks really good! Last thing is that the text ".pdf not available..." looks bigger than the other two file type options in the dropdown. But my eyes may be playing tricks on me too. If you could make them all the same size, I would appreciate it. Or tell me to get new glasses.

[JonellaCulmer]

Looks great! Thanks so much, @johnnyporkchops

[rfultz]

LGTM!