Unable to traverse inside of a chunked file

[lidel]

Describe the bug

Walking into a file makes it impossible to navigate further due to no path label to click.

To Reproduce

1. Go to https://explore.ipld.io/#/explore/QmSnuWmxptJZdLJpKRarxBMS2Ju2oANVrgbr2xWbie9b2D/albums/QXBvbGxvIDE0IE1hZ2F6aW5lIDY0L0xM/21076550124_dfaa21d664_o.jpg (Apollo Archives Example)
2. Click on any chunk, eg. 0 or 1
3. See that nothing happens, only a breadcrumb is added, but navigation does not happen

Expected behavior

Clicking on a node without Path should still work, and navigate to respective child chunk.

Screenshots

Additional context

• This happens in https://github.com/ipfs/ipfs-webui/releases/tag/v4.4.0 as well (http://127.0.0.1:5001/ipfs/bafybeibgic2ex3fvzkinhy6k6aqyv3zy2o7bkbsmrzvzka24xetv7eeadm/#/explore/QmSnuWmxptJZdLJpKRarxBMS2Ju2oANVrgbr2xWbie9b2D/albums/QXBvbGxvIDE0IE1hZ2F6aW5lIDY0L0xM/21076550124_dfaa21d664_o.jpg)
• I think in the past we avoided this bug by creating "fake path" labels named "Link-1" or something like that, maybe we should just reuse CID?
• Sidenote: I vaguely remember that in past we've discussed avoiding infinite breadcrumbs growing too long, and had idea to only keep last 2 parents.

[SgtPooki]

The actual bug is here:

ipld-explorer-components/src/lib/normalise-dag-node.ts

Line 96 in b37f7c0

path: link.Name ?? `Links/${index}`,

This was another part of updating to the latest aegir.. basically we were previously doing foo || other thing that was triggering if the first var was an empty string, but we're now doing the more idiomatic foo ?? other thing.

The helper function to use in this case is

ipld-explorer-components/src/lib/helpers.ts

Lines 11 to 24 in b37f7c0

	/**
	* When migrating to typescript and removing redux-bundler, a lot of old code
	* had checks like `path ? path : null` which would fire as "false" when the
	* path was an empty string. This function helps the migration path but should
	* be removed once all the old code is updated.
	*/
	export function isFalsy <T> (str: T | null | string | undefined): str is null {
	if (str == null || str === '') return true
	return false
	}
	export function isTruthy <T> (str: T | null | string | undefined): boolean {
	return !isFalsy(str)
	}