Edit Activity

I finally began work on editing an activity. Earlier there was a single page which would only allow you to edit the name and colour of an activity. But now a lot more information is being shown to give you detailed statistics of an activity when you click on one (along with editing it of course). Here is how it looks right now when you click on an activity.

Light mode

Dark mode

Loading UI

Some minor UX issues like inconsistent loaders have also now been fixed. Earlier a simple circular loader was being used, but now skeletons corresponding to how the UI looks after everything loads have been implemented. This allows user to better prepare for where each UI element goes and also to avoid flashing the users with the actual data.

Statistics section

Here you’ll be able to edit the name of the activity and also change the colour of the same. I have also added some stats like what is the average duration, longest duration.

I also like the streak info bars where you’ll be able to see what was the longest streak you’ve had w.r.t the activity you’re editing.

Time Entries

One thing which was missing till now was, you were not able to see the time entries which you’ve logged. This is not the case anymore. Based on the chosen time range (which is set to the current week by default), all the time ranges are shown in a paginated manner.

You can also now delete any time entry from this view. I might add this to the edit time entry panel itself as well, so you can delete an entry from the dashboard. But I’m not too sure about that right now.

Dashboard

Similar to Statistics loading UI, here too the loading UI has been improved.

If the user has a longer email, it now fades out nicely instead of showing the ellipsis.

That’s all folks

See you in the next week’s update!