After creating time blocks, we need a way to display them to the user based on the designs we submitted earlier.
To achieve this, we’ll create three components:
TimeBlock Component: Represents an individual time block, with a single timeBlockDto property.
Workday Component: Represents an entire workday, with a single workdayDto property, which includes timeBlockDto for each time block within that day.
Work Summary Component: Displays the total hours worked and the date. This component should be positioned above the Workday component to provide a quick overview of the day’s logged hours.
After creating time blocks, we need a way to display them to the user based on the designs we submitted earlier.
To achieve this, we’ll create three components: