-
Notifications
You must be signed in to change notification settings - Fork 279
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat: Substance as spreadsheet for timeline diagrams #1419
Conversation
…ent constructor into constructor and predicate
Deploying with Cloudflare Pages
|
± Registry diff
📊 PerformanceKeyNote that each bar component rounds up to the nearest 100ms, so each full bar is an overestimate by up to 400ms.
If a row has only one bar instead of four, that means it's not a trio and the bar just shows the total time spent for that example, again rounded up to the nearest 100ms. Data
|
Codecov Report
@@ Coverage Diff @@
## main #1419 +/- ##
==========================================
- Coverage 64.77% 64.75% -0.02%
==========================================
Files 64 64
Lines 7515 7517 +2
Branches 1760 1760
==========================================
Hits 4868 4868
- Misses 2521 2523 +2
Partials 126 126 |
Description
Related #1369
This PR adds a React component that wraps around the
timeline
domain introduced in #1369. It adds a spreadsheet-like GUI for the Substance program.Screen.Recording.2023-05-22.at.12.40.03.mov
Implementation strategy and design decisions
I used
react-datasheet-grid
for the spreadsheet UI andreact-select
for the custom dropdown cells for task categories.Examples with steps to reproduce them
An example is included in the storybook in
components
, runnpx nx run components:storybook
to view it.An earlier version is deployed here: https://www.cs.cmu.edu/~woden/timeline/
Checklist