chaulmark/deafmissoula-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
deafmissoula-website/cline_docs/activeContext.md

2.5 KiB
Raw Blame History

Active Context

Current Task

Completed: Made yellow donation button visible on mobile header

Recent Changes

  1. Modified Header.tsx to display donation button on mobile:

    • Added permanent yellow donation button below hamburger menu on mobile devices
    • Button is always visible in the red header area (no need to open menu)
    • Removed duplicate donation button from inside mobile menu dropdown
    • Desktop view unchanged - button remains in top right corner
    • Mobile header now has extended height to accommodate the button
    • Button centered and properly styled with same appearance as desktop version

  2. Previous: Added 5 new events to eventData.ts:

    • December 13, 2025: Board Meeting at Liquid Planet at The Book Exchange (9-10 AM)
    • March 14, 2026: Board Meeting at TBD location (9-10 AM)
    • June 13, 2026: Board Meeting at TBD location (9-10 AM)
    • September 12, 2026: Board Meeting at TBD location (9-10 AM)
    • September 12, 2026: Annual Membership Meeting at TBD location (10-11 AM)
    • All events use Tessa Williams as contact (tessa.williams@deafmissoula.org)
    • Events will automatically appear in calendar view and upcoming events section

  3. Updated intro video:

    • Replaced mcdi-intro.mp4 with new version
    • Original video saved as mcdi-intro-old.mp4
    • Video component in Meet-Board.tsx already configured to work with new file
    • No code changes needed - video path remains /videos/mcdi-intro.mp4

  4. Previous completed work:

    • Added new meeting minutes for January 11, 2025 and March 8, 2025
    • Added 6.jpg to rotating photo carousel
    • Fixed CACHEBUST deployment issue with stack.env configuration
    • Updated email configuration for production server compatibility (port 2525)
    • All previous changes successfully deployed to production

Next Steps

  1. Commit and push Header.tsx changes to Git repository
  2. Deploy changes through Portainer (pull and redeploy)
  3. Verify mobile donation button appears correctly on production
  4. Verify desktop layout remains unchanged
  5. Test donation button functionality on mobile devices

Solution Summary

  • Problem: Portainer repository deployments require stack.env file in Git repo
  • Solution: Created stack.env with CACHEBUST variable and updated docker-compose.yml
  • Future: Update CACHEBUST value in stack.env and push to force rebuilds

Technical Notes

  • Website uses React with TypeScript
  • Minutes component includes desktop/mobile viewing modes
  • Sorting functionality maintained for all columns
  • Minutes data ordered from newest (top) to oldest (bottom) in the source array