-
Notifications
You must be signed in to change notification settings - Fork 45
feature/COR-1202-severity-indicator-relative-timeline-parts #4737
feature/COR-1202-severity-indicator-relative-timeline-parts #4737
Conversation
…ount of days for a timeline bar part; added utility method for calculating the relative width of a timeline bar part; updated Timeline component to leverage new utility methods;
packages/app/src/components/severity-indicator-tile/components/timeline/timeline.tsx
Outdated
Show resolved
Hide resolved
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nice! Looks great 2 me!
...c/components/severity-indicator-tile/components/timeline/logic/get-timeline-bar-part-days.ts
Outdated
Show resolved
Hide resolved
packages/app/src/components/severity-indicator-tile/components/timeline/timeline.tsx
Outdated
Show resolved
Hide resolved
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Please see my comments.
… file as all individual utilities are very small yet depent on each other; cleaned up JSX a bit;
packages/app/src/components/severity-indicator-tile/components/timeline/logic.ts
Outdated
Show resolved
Hide resolved
packages/app/src/components/severity-indicator-tile/components/timeline/logic.ts
Outdated
Show resolved
Hide resolved
packages/app/src/components/severity-indicator-tile/components/timeline/logic.ts
Outdated
Show resolved
Hide resolved
packages/app/src/components/severity-indicator-tile/components/timeline/logic.ts
Show resolved
Hide resolved
packages/app/src/components/severity-indicator-tile/components/timeline/logic.ts
Show resolved
Hide resolved
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
All comments are non-blocking, as the code works and those things are in the codebase for while!
Feel free to resolve them!
So here is my approval!
Nice job! 🙌
packages/app/src/components/severity-indicator-tile/components/timeline/logic.ts
Show resolved
Hide resolved
packages/app/src/components/severity-indicator-tile/components/timeline/logic.ts
Outdated
Show resolved
Hide resolved
packages/app/src/components/severity-indicator-tile/components/timeline/logic.ts
Show resolved
Hide resolved
8090b7f
packages/app/src/components/severity-indicator-tile/components/timeline/logic.ts
Show resolved
Hide resolved
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Like the outcome of this ticket!
A big approval for this feature!
Summary
Screenshots
Screenshots include the development dataset for Sanity and are not a correct representation of the current severity indicator/thermometer. However, it still shows the functionality achieved in this feature: relative widths based on how many days a part (or severity indicator timeline event) spans.
Before
Toggle before screenshots
After
Toggle after screenshots