diff --git a/client/src/components/Header.tsx b/client/src/components/Header.tsx index d7dcff6..e17127d 100644 --- a/client/src/components/Header.tsx +++ b/client/src/components/Header.tsx @@ -54,6 +54,10 @@ const Header: React.FC = () => { + {/* Mobile Donate Button - Always visible below header on mobile */} +
+ +
{isMenuOpen && ( @@ -71,7 +75,6 @@ const Header: React.FC = () => {
  • setIsMenuOpen(false)}>About MCDi
  • setIsMenuOpen(false)}>Calendar
  • setIsMenuOpen(false)}>Join MCDi
  • -
  • )} @@ -189,4 +192,4 @@ const DonateButton: React.FC<{ onClick: (e: React.MouseEvent) => void }> = ({ on ); -export default Header; \ No newline at end of file +export default Header; diff --git a/cline_docs/activeContext.md b/cline_docs/activeContext.md index 094b484..f3706c1 100644 --- a/cline_docs/activeContext.md +++ b/cline_docs/activeContext.md @@ -1,10 +1,18 @@ # Active Context ## Current Task -Added 5 new future events to the calendar system +Completed: Made yellow donation button visible on mobile header ## Recent Changes -1. Added 5 new events to eventData.ts: +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) @@ -13,6 +21,12 @@ Added 5 new future events to the calendar system - All events use Tessa Williams as contact (tessa.williams@deafmissoula.org) - Events will automatically appear in calendar view and upcoming events section +2. 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 + 2. Previous completed work: - Added new meeting minutes for January 11, 2025 and March 8, 2025 - Added 6.jpg to rotating photo carousel @@ -21,10 +35,11 @@ Added 5 new future events to the calendar system - All previous changes successfully deployed to production ## Next Steps -1. Commit and push eventData.ts changes to Git +1. Commit and push Header.tsx changes to Git repository 2. Deploy changes through Portainer (pull and redeploy) -3. Verify new events appear correctly in calendar interface -4. Test event card functionality and contact information +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