e5f629f8e2
✨ Hierarchical Navigation Structure: - Created collapsible Community section with expandable sub-items - Sub-items: Collections, Decks, Forums (ready for future implementation) - Smooth expand/collapse animation with chevron icon rotation - Auto-expands when navigating to any community page 🎨 Visual Design: - Main Community item with chevron indicator (rotates 90° when expanded) - Sub-items indented with left border for visual hierarchy - Smaller sub-item styling (text-sm, rounded-xl, lighter shadows) - Consistent hover and active states throughout 🔧 Technical Features: - State management for expand/collapse (isCommunityExpanded) - useEffect to auto-expand on community page navigation - Proper ARIA attributes (aria-expanded, aria-haspopup) - Keyboard navigation support (Enter/Space to toggle) - Mobile menu integration (closes on sub-item click) 🎯 User Experience: - Intuitive collapsible navigation matching the design mockup - Clear visual hierarchy between main and sub-navigation - Smooth transitions and proper focus management - Accessibility-compliant with screen reader support Navigation now matches the requested collapsible structure! 📁 |
||
|---|---|---|
| .. | ||
| ActivityLog.js | ||
| AdminProtected.js | ||
| AuthLayout.js | ||
| BulkInviteModal.js | ||
| BulkSelectionToolbar.js | ||
| CardItem.js | ||
| CollaborationManager.js | ||
| CollaboratorFacepile.js | ||
| CollectionSelectionModal.js | ||
| Layout.js | ||
| PermissionIndicator.js | ||
| ShareModal.js | ||
| UploadImageModal.js | ||