enhance graph usability

[freds-dev]

This pull request includes several changes to the app/components directory, primarily focusing on UI enhancements and code simplification. The most important changes include the replacement of the Popover component with the Select component in the AggregationFilter, updates to the DeviceDetailBox component, and the addition of tooltips in the Graph component.

UI Component Updates:

• app/components/aggregation-filter.tsx: Replaced the Popover component with the Select component for aggregation selection. This change simplifies the UI and removes the keyboard shortcut for opening the aggregation selection. [1] [2] [3]

• app/components/device-detail/device-detail-box.tsx:

  • Disabled the compare button in the dropdown menu.
  • Updated the default value of the accordion to "item-1".
  • Simplified the rendering logic for sensors and added a cursor pointer to sensor labels. [1] [2]

• app/components/device-detail/graph.tsx: Added tooltips to the reset zoom button and adjusted the overlay for the color picker. [1] [2] [3] [4]

Minor Style Changes:

• app/components/ui/calendar.tsx: Updated the day_selected class to use text-white instead of text-slate-50 for better contrast.

Backend Changes:

• app/models/measurement.server.ts: Reduced the limit for fetching measurements from 20,000 to 3,600 to optimize performance.

[socket-security[bot]]

New and removed dependencies detected. Learn more about Socket for GitHub ↗︎

Package	New capabilities	Transitives	Size	Publisher
npm/@types/node@18.19.59	None	0	2.03 MB	types
npm/@types/react@18.3.12	None	+2	1.69 MB	types

🚮 Removed packages: npm/@types/node@18.19.58, npm/@types/react@18.3.11

View full report↗︎