Implement responsive dashboard with drag-and-drop widgets #280
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
…unctionality - Added DashboardGrid component for managing layout and responsive behavior. - Introduced WidgetContainer for individual widgets with drag and resize capabilities. - Created various dummy widget components: DummyStatsWidget, DummyChartWidget, DummyListWidget, DummyWideWidget, DummyTallWidget. - Implemented grid utilities for collision detection, snapping, and grid calculations. - Established GRID_CONFIG for grid settings and breakpoints. - Added README documentation for usage, configuration, and future enhancements.
- Implemented WorkshopCapacityWidget component for displaying workshop registration and capacity data. - Created useDashboardData.ts to include getWorkshopCapacityData function with mock data. - Updated README.md to reflect changes in widget structure and grid configuration. - Added chart-theme.ts for consistent chart styling with Tailwind colors. - Modified constants.ts to adjust grid cell size. - Refactored grid-utils.ts to streamline collision detection logic. - Introduced widget-metadata.ts for defining widget sizing preferences and constraints. - Established widget-registry.ts to manage available dashboard widgets and their metadata.
- Refactor getQuickActions to adapt based on conference lifecycle phases. - Introduce new phase detection logic in phase.ts to determine current conference phase. - Add comprehensive documentation for conference management domains and phase matrix in dashboard README. - Extend widget metadata and types to support phase-aware behavior. - Update widget registry to include phase configurations for relevant widgets.
…PHealthWidget - Introduced WidgetConfigModal for configuring widget settings. - Updated WidgetContainer to handle configuration changes and display config button. - Enhanced CFPHealthWidget to support configurable submission targets and display options. - Added configuration schemas for various widgets, including target metrics and display preferences. - Improved type definitions for widget configurations using Zod for validation. - Updated widget registry to include config schemas for existing widgets.
- Introduced `findAvailablePosition` function to determine the first available position for widgets in the dashboard grid. - Updated `widget-registry.ts` to include new widgets: - `GALLERY_MANAGEMENT_WIDGET`: Manages photo uploads and moderation. - `CONTENT_CALENDAR_WIDGET`: Plans and schedules marketing content. - `TEAM_STATUS_WIDGET`: Tracks organizer team activity and tasks. - `VOLUNTEER_SHIFTS_WIDGET`: Manages volunteer scheduling and shift coverage. - Adjusted constraints for existing widgets and added phase configurations for better adaptability.
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Introduce a responsive dashboard grid system that supports drag-and-drop functionality for widgets. Add new widgets, enhance existing ones, and implement phase-aware quick actions. Include comprehensive documentation and configuration capabilities for better user experience.