shadcn.io is not affiliated with official shadcn/ui
Other Workspace Empty Projects Error Block for Solid
A project tracker window whose current workspace has no projects: a sidebar of workspaces with counts, radio rows for the other workspaces, a Switch button that follows the choice, and the projects once you switch.
Installation
Overview
Help someone who landed in the wrong workspace, with this other workspace projects window for Solid with Ark UI. It's Mapleboard, a project tracker, in a fixed-height window framed by Guides: the Sidebar holds a workspace chip at its head and the three workspaces you belong to (Studio Lane, Personal and Client work) with their project counts, collapsible to an icon rail with tooltips, and a sheet on a phone. Studio Lane is open and empty, so the page says "No projects in Studio Lane" and lists the other workspaces as radio rows with their counts and last update (Client work 2, Personal 4). The top bar's one Shine Button follows the row you choose, "Switch to Personal"; pressing it, or any workspace in the rail, opens that workspace, and the chip, the title and the page's list of projects follow. In a workspace with projects the button reads New project and adds an untitled one. Create a project here is an outline Button link. It's built from Sidebar, Button, Shine Button, Badge and Guides, with a CSS entrance only. For any app with more than one workspace, team or organization.
FAQ
Where do the counts and the rows come from?
From the typed PROJECTS list, each with its workspace: the rail's counts, the radio rows (the workspaces that have projects, most recently updated first) and the table are all worked out from it. Edit the list and the rows, counts and the date under each name change. In your product, load the projects of every workspace the person belongs to, not just the current one, so the empty page can name where they are.
What does Switch do?
It makes the chosen workspace the current one: the chip in the sidebar, the title of the list and the primary button change, and the status line ("Client work: 2 projects.") says so. Nothing navigates; open the workspace through your router where the code says so. The rail's workspaces do the same without the radio rows, and Studio Lane there brings the empty page back.
How do the rail's links work?
Each workspace is a link to # whose handler changes the page instead of navigating, named with its count ("Personal, 4 projects"), with the current one marked. Point them at your routes and mark the current one with isActive.
What stays in the page?
All of it: the projects are typed, New project adds an untitled project to this page's list only, and nothing is saved or fetched. Reloading starts over.