UI: Fix tab display when there is only one tab

[Tomastomaslol]

Issue: #14598

What I did

• Only use option isToolshown to set isToolshown
• Render tabs if there only is one tab

How to test

Scenarios

Canvas disabled, docs panels enbaled

Canvas enbaled, docs panels disabled

Canvas enbaled, docs panels enbaled

Canvas disabled, docs panels disabled

[nx-cloud]

Nx Cloud Report

CI ran the following commands for commit 2789a64. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this branch

Status	Command
	nx run-many --target=prepare --all --parallel --max-parallel=15

---

Sent with 💌 from NxCloud.

[shilman]

LGTM -- great stuff @Tomastomaslol 🥇. @ndelangen ?

[ndelangen]

I'm fine with this. Though I do wonder what's the use-case of having a tab interface, if there's only 1 option?

[Tomastomaslol]

I guess it could valuable to know the name of the tab you are on currently.

There is also this "soft 404" scenario:

Scenario

 previewTabs: {
    canvas: { hidden: true },
},

Request: ?path=/story/addons-a11y-basebutton--default

You can still request the canvas view when the tab hidden in the configuration. To be able to navigate to an active tab you would need the tabs menu.

Is being able to visit a hidden tab by requesting the URL a bug?

I have seen some issues logged for it:

• Navigating from a story’s Docs panel to a story with the Docs panel hidden still shows that story’s Docs panel. #14111
• Storybook get access to hidden tabs #13398

I'm not sure that hidden should equal inaccessible and I can see some value in separating the concepts.

[ndelangen]

Another contribution merged @Tomastomaslol 💪