You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Context:
Dashboard development is slowing down because every data tile (Heart Rate, Timer, Spotify) is custom-coded. This results in inconsistent padding, font sizes, and shadow effects across the application.
Technical Analysis:
Current Gap: The components/ directory contains specific implementations like HrTile.tsx and TimerDisplay.tsx but lacks a shared "Shell" or "Wrapper" component.
Required Change:
Generic Wrapper: Create components/widgets/DashboardWidget.tsx to handle layout, background gradients, and standard Material-UI Card properties.
Data Specialized Widget: Create components/widgets/DataWidget.tsx for standard key-value pairings (e.g., Label: "Active Players", Value: "4").
OPEN(Linked to PR Create Reusable Dashboard Widget Component Library #700)Dashboard development is slowing down because every data tile (Heart Rate, Timer, Spotify) is custom-coded. This results in inconsistent padding, font sizes, and shadow effects across the application.
components/directory contains specific implementations likeHrTile.tsxandTimerDisplay.tsxbut lacks a shared "Shell" or "Wrapper" component.components/widgets/DashboardWidget.tsxto handle layout, background gradients, and standard Material-UICardproperties.components/widgets/DataWidget.tsxfor standard key-value pairings (e.g., Label: "Active Players", Value: "4").