Supported nips overflow #206

New Issue

Is this fine? Or should I implement something like this
Supported NIPs: 1, 11, 42, 70, 86, 43, 40, BUD-00...
When clicked, it will show all supported NIPS
Supported NIPs: 1, 11, 42, 70, 86, 43, 40, BUD-00, BUD-01, BUD-02, BUD-11, 29, 9, 77
just like in ss I attached

Is this fine? Or should I implement something like this `Supported NIPs: 1, 11, 42, 70, 86, 43, 40, BUD-00...` When clicked, it will show all supported NIPS `Supported NIPs: 1, 11, 42, 70, 86, 43, 40, BUD-00, BUD-01, BUD-02, BUD-11, 29, 9, 77` just like in ss I attached

Screenshot 2026-04-16 041002.png

253 KiB

hodlbod commented

2026-04-16 15:41:18 +00:00

That looks great, I think completeness is worth having

DeveshSingh commented

2026-04-16 17:55:45 +00:00

That looks great, I think completeness is worth having

Just want to ask, to do changes, should I directly do changes in SpaceRelayStatus.svelte, or make a function and then proceed with the solution?

{#if Array.isArray(supported_nips)} {@const MAX=7} {@const nips=expanded?supported_nips:supported_nips.slice(0,MAX)} {@const hasMore=supported_nips.length>MAX} <button class="badge badge-neutral text-wrap h-auto cursor-pointer text-left" onclick={()=>expanded= !expanded}> <span class="ellipsize">Supported NIPs: {nips.join(", ")}{hasMore && !expanded ? "..." : ""}</span> </button> {/if}

changed <p> to <button> since I was getting warning when adding click handlers to non-interactive elements.

> That looks great, I think completeness is worth having Just want to ask, to do changes, should I directly do changes in SpaceRelayStatus.svelte, or make a function and then proceed with the solution? `{#if Array.isArray(supported_nips)} {@const MAX=7} {@const nips=expanded?supported_nips:supported_nips.slice(0,MAX)} {@const hasMore=supported_nips.length>MAX} <button class="badge badge-neutral text-wrap h-auto cursor-pointer text-left" onclick={()=>expanded= !expanded}> <span class="ellipsize">Supported NIPs: {nips.join(", ")}{hasMore && !expanded ? "..." : ""}</span> </button> {/if}` changed `<p>` to `<button>` since I was getting warning when adding click handlers to non-interactive elements.

hodlbod commented

2026-04-16 18:43:28 +00:00