Link consumergroup topics offset to data single

[timtebeek]

Fixes #992

Have very little experience with React & jsx , so this should be considered a rough first attempt.

Also was not yet able to verify locally, as the development server environment does not have any consumer groups by default; and I didn't yet find the time to create a topic & consumer. Might be nice to expand the development environment with the test data seen here.

[tchiotludo]

It's work well :) nice first jsx 👍

[timtebeek]

Awesome, thanks for checking and merging it so quickly!

[tchiotludo]

You have a lot of chance, I was blocking few hours this night on akhq 😅

[timtebeek]

Tried it just now, and I'm wondering if we should link to offset-1 instead. 😅
Getting a few not-found responses, whereas the offset-1 record is present.

[tchiotludo]

You are true, we must even more don't go to single page also.
The better will be to go offset-1 on this partition and let the full page (will all the record).
You can know if there is a transaction (that led -1) or not (that to offset).
The better for the user is so to display a full page :)

[timtebeek]

Something like this then? https://github.com/tchiotludo/akhq/compare/dev...timtebeek:link_to_offset-1?expand=1
Wasn't sure what is and is not allowed within the ${...} expressions.

[tchiotludo]

I don't remember for the ${...} but I think it's good
and the link must be :

<Link to={`/ui/${this.state.selectedCluster}/topic/${obj.name}/data?partition=${obj.partition}&after=${obj.partition}-${obj.offset - 1}`}>