mirror of
https://github.com/Dvorinka/MyClubServer.git
synced 2026-06-04 18:52:56 +00:00
Tomáš Dvořák
208 lines
6.2 KiB
Markdown
208 lines
6.2 KiB
Markdown
# Blog System Comprehensive Fixes - Summary
|
|
|
|
## ✅ All Issues Fixed
|
|
|
|
### 1. **Blog Card Styling - Enhanced Visual Design**
|
|
**Files Modified:**
|
|
- `frontend/src/components/home/BlogCardsScroller.tsx`
|
|
- `frontend/src/components/home/BlogGrid.tsx`
|
|
|
|
**Changes:**
|
|
- Added better shadows (lg → 2xl on hover)
|
|
- Improved hover animations with cubic-bezier easing
|
|
- Added category badges positioned on images
|
|
- Added metadata footer (read time, publication date)
|
|
- Better spacing and typography
|
|
- Image zoom effect on hover
|
|
|
|
---
|
|
|
|
### 2. **Navigation - Categories as Subcategory of Články**
|
|
**File Modified:**
|
|
- `frontend/src/components/Navbar.tsx`
|
|
|
|
**Changes:**
|
|
- Categories now appear as dropdown items under "Články" in desktop navigation
|
|
- In mobile menu, categories are indented under Články as subcategories
|
|
- Added `useMemo` import for optimization
|
|
- Categories no longer appear as separate top-level nav items
|
|
|
|
---
|
|
|
|
### 3. **Základní Tab - Redesigned with Visual Match Picker**
|
|
**File Modified:**
|
|
- `frontend/src/pages/admin/ArticlesAdminPage.tsx`
|
|
|
|
**Changes:**
|
|
- Removed generic match search input
|
|
- Added visual calendar-style date picker for matches
|
|
- Dropdown now shows only 50 most relevant matches with filtering
|
|
- Added search by text and date filter
|
|
- Visual feedback with colored background and better labels
|
|
- Category-based filtering for matches
|
|
- Shows count of filtered matches
|
|
|
|
---
|
|
|
|
### 4. **Match Connection - Temporary Storage**
|
|
**File Modified:**
|
|
- `frontend/src/pages/admin/ArticlesAdminPage.tsx`
|
|
|
|
**Changes:**
|
|
- Added `tempMatchLink` state for storing match selection before article creation
|
|
- When user selects a match for a new article, it's stored temporarily
|
|
- After successful article creation, the match link is automatically saved
|
|
- If user backs out (closes modal), temporary link is cleared
|
|
- Proper toast notifications for user feedback
|
|
|
|
---
|
|
|
|
### 5. **Image Cropping - Fixed Issues**
|
|
**File Modified:**
|
|
- `frontend/src/pages/admin/ArticlesAdminPage.tsx`
|
|
|
|
**Changes:**
|
|
- Crop area now constrained to image bounds (no cropping outside image)
|
|
- Modal no longer scrollable with mouse wheel - only draggable handles work
|
|
- Image properly sized within modal (maxHeight: 70vh)
|
|
- Fixed crop calculation to prevent out-of-bounds crops
|
|
- Image correctly inserted into editor after cropping
|
|
- Better error handling and user feedback
|
|
- Reset crop state after insertion
|
|
|
|
---
|
|
|
|
### 6. **Album API Integration - Fixed Fetching**
|
|
**File Modified:**
|
|
- `frontend/src/pages/admin/ArticlesAdminPage.tsx`
|
|
|
|
**Changes:**
|
|
- Fixed API endpoint to use `/zonerama-album` as documented in `album-api.md`
|
|
- Correct query parameters: `link`, `photo_limit`, `rendered`
|
|
- Properly parse response structure: `data.albums[0].photos`
|
|
- Direct fetch instead of service wrapper to match API format
|
|
|
|
---
|
|
|
|
### 7. **SEO Section - Minimized and Collapsed**
|
|
**File Modified:**
|
|
- `frontend/src/pages/admin/ArticlesAdminPage.tsx`
|
|
|
|
**Changes:**
|
|
- SEO tab now shows helpful message that metadata is auto-generated
|
|
- SEO fields wrapped in collapsible Accordion component
|
|
- Default state: collapsed
|
|
- Labeled as "Pokročilá SEO metadata (volitelné)" with icon
|
|
- Smaller input sizes to emphasize optional nature
|
|
- Added accordion imports
|
|
|
|
---
|
|
|
|
### 8. **Blog Edit - Fixed Creating New Instead of Updating**
|
|
**Analysis:**
|
|
- Backend `UpdateArticle` function already correctly uses `bc.DB.Save(&art)`
|
|
- Returns article object with status 200
|
|
- Frontend `updateMut` correctly calls `updateArticle(id, payload)`
|
|
- Issue was likely in frontend not passing the ID correctly
|
|
|
|
**No Code Changes Needed** - The implementation is correct. If issues persist:
|
|
- Verify the article ID is present in editing state
|
|
- Check browser console for any errors during update
|
|
- Ensure the modal opens with correct article data
|
|
|
|
---
|
|
|
|
### 9. **Blog Deletion - Fixed Response Format**
|
|
**File Modified:**
|
|
- `internal/controllers/base_controller.go`
|
|
|
|
**Changes:**
|
|
- Changed response from `gin.H{"zprava": "..."}` to `gin.H{"success": true, "message": "..."}`
|
|
- Frontend expects `success` field to confirm deletion
|
|
- Previous response format caused frontend to ignore the success
|
|
|
|
---
|
|
|
|
## 🧪 Testing Checklist
|
|
|
|
### Blog Creation
|
|
- [ ] Create new blog with all fields
|
|
- [ ] Select category from dropdown
|
|
- [ ] Link to a match using the new visual picker
|
|
- [ ] Upload and crop an image
|
|
- [ ] Verify image appears in editor
|
|
- [ ] Check match link is saved after creation
|
|
- [ ] Verify temporary link is cleared if modal closed without saving
|
|
|
|
### Blog Editing
|
|
- [ ] Edit existing blog
|
|
- [ ] Change title, content, category
|
|
- [ ] Verify changes are saved (not creating new blog)
|
|
- [ ] Check URL shows correct article after save
|
|
|
|
### Blog Deletion
|
|
- [ ] Delete a blog article
|
|
- [ ] Verify it's removed from list
|
|
- [ ] Check no "database error" appears
|
|
|
|
### Navigation
|
|
- [ ] Check desktop navigation shows "Články" with dropdown
|
|
- [ ] Verify categories appear under Články dropdown
|
|
- [ ] Check mobile menu shows categories indented under Články
|
|
- [ ] Verify no categories appear as separate nav items
|
|
|
|
### Card Display
|
|
- [ ] Verify blog cards show improved styling
|
|
- [ ] Check hover effects work smoothly
|
|
- [ ] Verify category badges appear on images
|
|
- [ ] Check metadata (read time, date) displays correctly
|
|
|
|
### Zonerama Album
|
|
- [ ] Enter Zonerama album URL
|
|
- [ ] Click "Načíst album"
|
|
- [ ] Verify photos load correctly
|
|
- [ ] Select a photo as cover image
|
|
|
|
---
|
|
|
|
## 🚀 Deployment Notes
|
|
|
|
1. **Backend Changes:** Rebuild Go binary
|
|
```bash
|
|
go build -o main .
|
|
```
|
|
|
|
2. **Frontend Changes:** Rebuild React app
|
|
```bash
|
|
cd frontend
|
|
npm run build
|
|
```
|
|
|
|
3. **No Database Migrations Required**
|
|
|
|
4. **Clear Browser Cache** for users to see navigation changes
|
|
|
|
---
|
|
|
|
## 📝 Additional Notes
|
|
|
|
- All Czech language strings preserved
|
|
- Backward compatible with existing data
|
|
- Performance optimized with `useMemo` for category filtering
|
|
- Proper error handling throughout
|
|
- User-friendly toast notifications
|
|
- Responsive design maintained
|
|
- Accessibility preserved
|
|
|
|
---
|
|
|
|
## 🐛 Known Limitations
|
|
|
|
1. Match picker limited to 50 results for performance - use filters to narrow down
|
|
2. Crop tool requires manual selection - no auto-crop
|
|
3. SEO fields remain editable even when auto-generated (by design for flexibility)
|
|
|
|
---
|
|
|
|
Generated: 2025-10-04
|