[Feature] Public Member Profile page improvements

[evereq]

• show various stats
• I would like to add "Activity" using some library (see comments below)

See below an example from our Figma (note: exact look will be defined by library you use, do NOT spend time to make it exactly like in Figma please in terms of functionality!)

[evereq]

@JoeMakuta Check that package above and think how we can use on Activity (which displays work time / screenshots etc). Design in Figma and show for review.

[JoeMakuta]

Hello @evereq

The package https://github.com/williamtroup/Heat.js does not have typescript and its npm package is not well documented to be used in nextjs. I'm looking for some alternatives.

[Cedric921]

• https://echarts.apache.org/examples/en/editor.html?c=calendar-heatmap&lang=ts
• https://cal-heatmap.com/

[evereq]

OK, so we have now a list with those:

• https://nivo.rocks/calendar (just found it and looks cool, plus they have tons of useful components under https://nivo.rocks)
• Recharts based https://ui.shadcn.com/charts - however I can't yet find this type of chart there, maybe it will be one day
• https://echarts.apache.org/examples/en/editor.html?c=calendar-heatmap&lang=ts
• https://cal-heatmap.com
• https://github.com/williamtroup/Heat.js - not sure why @JoeMakuta had issues to integrate this one, seems to be written in TS, so not sure...

[CREDO23]

@evereq, which data should be taken in account for the chart ?

[evereq]

@CREDO23 similar to GitHub :), but in terms of worked hours daily. More worked hours, more "blue" rectangle, less work hours, less "blue" rectangle, did not work at all - while. Same, we can also put there another metric of "closed" tasks qty or some others, we will define a list. But I think for start we can just use time tracking data per day for given member.

[CREDO23]

@rahul-rocket, I need an API for this task !