ComponentsList - IEEE-Team-3/map GitHub Wiki

Components List 🧩

This document provides a categorized list of UI components used in the app.

🧭 Navigation

  • Sidebar
  • Topbar
  • TeamSwitcher
  • MobileMenu

📄 Pages

  • TeamPageLayout
  • TaskBoardLayout
  • DashboardOverview

👥 Users

  • Avatar
  • UserCard
  • RoleBadge
  • InviteModal

💬 Chat

  • MessageBubble
  • ChatHeader
  • MessageInput
  • RoleChatLockNotice

📢 Announcements

  • AnnouncementCard
  • RichEditor
  • AnnouncementSettings

✅ Tasks

  • TaskCard
  • TaskColumn
  • TaskStatusTag
  • ReviewerPanel

🏆 Leaderboard

  • LeaderboardRow
  • FilterDropdown
  • HighlightMarker

⚙️ Settings/Admin

  • SettingsTab
  • PermissionsMatrixTable
  • AuditLogsViewer
  • ToggleSwitch

🔔 Notifications

  • NotificationToast
  • DeliveryPreferencesForm

📊 Shared

  • Modal
  • Button
  • Tooltip
  • Dropdown
  • LoadingSpinner
  • EmptyState

Component Best Practices

  • All components should be functional + typed with TypeScript
  • Should use TailwindCSS for styling
  • Support light/dark theme variants
  • Exported via central index (@/components)
⚠️ **GitHub.com Fallback** ⚠️