140 lines
7.1 KiB
Markdown
140 lines
7.1 KiB
Markdown
# Active Context
|
|
|
|
## Current Task
|
|
Events Calendar Update - March 4, 2026 - ✅ FULLY DEPLOYED AND VERIFIED
|
|
|
|
## Recent Changes
|
|
1. **Events Calendar Update (March 4, 2026)**: ✅ FULLY DEPLOYED AND VERIFIED
|
|
- Removed 2 past events: January 11, 2025 Members Meeting and December 13, 2025 Board Meeting
|
|
- Updated March 14, 2026 Board Meeting with complete details:
|
|
* Location: Funk It Coffee and Thrift
|
|
* Address: 314 N 1st St. West, Missoula MT 59802
|
|
* Time: 10:00 AM - 11:00 AM (changed from 9:00 AM - 10:00 AM)
|
|
* Contact: Tessa Williams
|
|
- Kept all future events (June 2026 and September 2026 meetings)
|
|
- Committed to Git: 3eff1a9
|
|
- Pushed to remote repository
|
|
- Deployed to production server (10.4.0.205)
|
|
- Docker container rebuilt with --no-cache flag
|
|
- Verified working on public website (after browser cache clear)
|
|
- Changes are live and visible to public
|
|
|
|
2. **Web Package Updates (Dec 15, 2025)**: ✅ FULLY COMPLETED
|
|
- Updated React 18.2.0 → 19.2.3 (major version upgrade)
|
|
- Updated React Router 6.17.0 → 7.10.1 (major version upgrade)
|
|
- Updated Framer Motion 10.16.4 → 12.23.26 (major version upgrade)
|
|
- Updated @types/react 18.2.33 → 19.2.7
|
|
- Updated @types/react-dom 18.2.14 → 19.2.3
|
|
- Added missing dependencies: ajv@8.17.1, react-icons@5.5.0, date-fns@4.1.0
|
|
- Fixed React 19 breaking change: Updated index.tsx to use createRoot API
|
|
- Removed old conflicting index.js file (had old ReactDOM.render)
|
|
- Fixed index.html by removing incorrect script tag
|
|
- Fixed Tailwind CSS styling by adding index.css import to index.tsx
|
|
- All changes tested and verified working on local dev server
|
|
- Committed to Git: 9b964ea, 38773db, 45d4ff3, 3b88fc8
|
|
- Pushed to remote repository - ready for production deployment
|
|
|
|
2. SBS Solar Sponsor Addition (Oct 15, 2025):
|
|
- Added sbs-solar.png logo to client/public/sponsors/
|
|
- Updated Sponsors.tsx with SBS Solar information
|
|
- Included website, Facebook, and Instagram links
|
|
- Description highlights renewable energy and community engagement
|
|
- Committed to Git: 8d4c058
|
|
- Pushed to remote repository for deployment
|
|
|
|
1. Video Gallery with Thumbnails (Oct 14, 2025):
|
|
- Extracted thumbnails from all 6 videos at 5-second mark using ffmpeg
|
|
- Thumbnail sizes: 80-183 KB each (total ~740 KB)
|
|
- Updated VideoGallery.tsx to display thumbnail images instead of video elements
|
|
- Thumbnails show actual video content preview with play button overlay
|
|
- Improved loading performance - thumbnails load instantly
|
|
- Deleted entire Junk directory (cleaned up all source files)
|
|
- Committed to Git: 4f6bc08
|
|
- Successfully deployed to production
|
|
|
|
2. Previous: Video Gallery creation and deployment:
|
|
- Optimized 5 MOV videos from Junk directory using ffmpeg (H.264, CRF 28, 128k audio)
|
|
- Created community-01.mp4 through community-05.mp4 (total ~36 MB)
|
|
- Moved archived board intro video as board-intro-archive.mp4 (128 MB)
|
|
- Created VideoGallery.tsx component with modal video player
|
|
- Video player features: play/pause/stop controls, seek bar, auto-hiding controls
|
|
- Responsive grid layout (1-3 columns based on screen size)
|
|
- Added to navigation: "Video Gallery" in About MCDi dropdown and mobile menu
|
|
- Route added: /videos
|
|
- Fixed TypeScript errors with FaPlay icon (used size/color props, Tailwind opacity)
|
|
- Committed to Git: b28bafa
|
|
|
|
2. Previous: Gallery photo optimization and renaming:
|
|
- Renamed gallery photos to 0001.jpg through 0010.jpg format
|
|
- Converted 8 HEIC files from Junk directory to JPG using macOS sips tool
|
|
- Optimized all photos for web (resized to max 1920px, 80% quality)
|
|
- Removed all captions per owner request (photos display without text)
|
|
- Gallery shows 10 community event photos in responsive grid
|
|
- Committed to Git: a92839f
|
|
|
|
3. Previous: Created new Gallery component (Gallery.tsx):
|
|
- Responsive photo grid layout (1-4 columns based on screen size)
|
|
- Clickable images that enlarge in a modal viewer
|
|
- Smooth animations using Framer Motion
|
|
- Modal features: click outside to close, X button, spring animation
|
|
- Maintains website's color scheme (#6B1631 red)
|
|
- Added to navigation: "About MCDi" dropdown and mobile menu
|
|
- Route added: /gallery
|
|
|
|
2. Previous: 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
|
|
|
|
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
|
|
- 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. User needs to rebuild Docker container in Portainer to deploy events update
|
|
2. Future tasks on hold:
|
|
- Resources section - waiting for President's list of local resources
|
|
- Minutes update - waiting for approved minutes from secretary
|
|
3. Monitor video gallery performance on production
|
|
4. Check if board-intro-archive.mp4 (128 MB) loads acceptably
|
|
5. Future: Could add video descriptions or categories if requested
|
|
6. Future: Could add video duration display on thumbnails
|
|
|
|
## 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
|
|
|
|
## Deployment Process
|
|
To deploy changes to production server:
|
|
1. SSH to production server: `ssh chaulmark@10.4.0.205`
|
|
2. Navigate to website directory: `cd ~/websites/deafmissoula.org`
|
|
3. Pull latest changes: `git pull`
|
|
4. Rebuild Docker container: `docker-compose up -d --build`
|
|
|
|
## 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
|