fix: show as many node links as height allows

[jessicaschilling]

Not sure if this is too hacky a suggestion, but enables full-height link tables by way of nesting math:

tableHeight is the greater of either 370px or (the lesser of either "window height less page header height" or "the number of rows x row height plus table header height")

Note that 370px is the current max height.

Closes ipld/explore.ipld.io#53.

[jessicaschilling]

Hi @lidel, @rafaelramalho19, @hacdias - you were the last folks to commit against this repo, so hoping one of you might be able to take a quick look.

This solves ipld/explore.ipld.io#53, but not sure if it's a legit approach.

Thanks!

[rafaelramalho19]

Have you tried using AutoSizer? https://github.com/bvaughn/react-virtualized/blob/master/docs/usingAutoSizer.md

[jessicaschilling]

This is a bit odd. The way this component is set up, it's already using AutoSizer, but disabling auto height, instead opting for a declared height based on the original math with a max height of 370px:
Math.min(370, (links.length * rowHeight) + headerHeight)

I'm not sure about the reasons behind the original decision to do this ... but the extra math in this PR does allow for a larger table height for taller windows without refactoring how the component works as a whole. I did try digging into this, but wasn't able to successfully rework it without hitting the limit of my expertise. Someone else might be able to pull it apart with no problem, though -- so at this point choices may be:

• accept this (somewhat hacky) approach for the sake of getting taller windows faster
• request help from @rafaelramalho19 and/or @lidel for refactoring the component (not sure if this is a good use of their time at present)
• Kill off this PR, leave the issue open and deal with in greater detail at some unspecified time

@lidel @rafaelramalho19 thoughts?

[rafaelramalho19]

I would advise just merging this as it is and refactoring in the future. I guess we have lots of stuff to perfect and iterate on ipld-explorer in the months after the pinning work is done 🤔

[jessicaschilling]

@lidel -- thanks for having a look. Getting this plus translations (#242) in on a single release would be awesome 😊

[lidel]

• Just to be sure, I tested this in real, local versions of both explore.ipld.io website and ipfs-webui.
  • Looks 👌 in both, thank you @jessicaschilling!
  • Made a small fix that made it work with connect-deps tool, which prooved to be more reliable than built-in link in npm and yarn
• I agree we should ship this – I'm merging this PR, and will do the translations + NPM release tomorrow.

[jessicaschilling]

@lidel thank you!!! 🌞🌞