Skip to content
Permalink

Comparing changes

Choose two branches to see what’s changed or to start a new pull request. If you need to, you can also or learn more about diff comparisons.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also . Learn more about diff comparisons here.
base repository: Vets-Who-Code/vets-who-code-app
Failed to load repositories. Confirm that selected base ref is valid, then try again.
Loading
base: master
Choose a base ref
...
head repository: Vets-Who-Code/vets-who-code-app
Failed to load repositories. Confirm that selected head ref is valid, then try again.
Loading
compare: feat/engagement-modal
Choose a head ref
  • 1 commit
  • 7 files changed
  • 1 contributor

Commits on Jun 17, 2025

  1. feat: Add 3-Second Engagement Modal 

    Implements a time-delayed modal popup that appears after you have been on a public-facing page for 3 seconds.

Features:
- Displays a headline, body text, and two configurable Call-to-Action buttons (e.g., "Donate Now", "Join the Mission").
- Triggers once per your session using sessionStorage.
- Styled with Tailwind CSS (tw- prefix) for a responsive and modern look.
- Accessibility:
    - Dismissible via ESC key or close button.
    - Focus is trapped within the modal when open.
    - Appropriate ARIA attributes (role="dialog", aria-modal="true", aria-labelledby) are used.
    - Initial focus is set to the close button.
- Includes comprehensive unit tests using React Testing Library and Jest, covering visibility logic, dismissal, props rendering, and focus trapping.

The modal is implemented in the `components/EngagementModal.tsx` component.
A sample integration is provided in `pages/index.tsx`.

This feature aims to boost your engagement and conversion by prompting you with clear CTAs after you've shown initial interest by staying on a page for 3 seconds.
    @google-labs-jules
    google-labs-jules[bot] committed Jun 17, 2025
    Copy the full SHA
    c04fa42 View commit details

This comparison is taking too long to generate.

Unfortunately it looks like we can’t render this comparison for you right now. It might be too big, or there might be something weird with your repository.

You can try running this command locally to see the comparison on your machine:
git diff master...feat/engagement-modal