Skip to content

Add organizations admin list example with pinned rows - #76

Closed
methodofaction wants to merge 1 commit into
mainfrom
claude/invopop-org-selector-ui-e6ba11
Closed

Add organizations admin list example with pinned rows#76
methodofaction wants to merge 1 commit into
mainfrom
claude/invopop-org-selector-ui-e6ba11

Conversation

@methodofaction

Copy link
Copy Markdown
Contributor

What

Adds a new full-page example to the App docs page — "Admin list with pinned rows" — modelling the Invopop Sudoer "All organizations" screen with PopUI components:

  • Pinned rows: favorite orgs (Invopop, Invopop Billing) sit in an independent, headerless card Table above the search bar (<tbody> only, Variant: "card").
  • Search: popui.Input with Type: "search" and a icons.Search() leading icon; the clear button comes from the component.
  • UUIDs: compact copy buttons — Button with Copy plus CopyPrefixLength: 8 / CopySuffixLength: 4, displaying 01936f57…75ad while copying the full UUID.
  • Dates: monospace via a font-mono span inside the cell — a class on the <td> itself loses to the Table's [&_td]:font-sans selector.
  • Header action: primary button "+ Create org" (icons.Add() + label).
  • Title, subtitle, and dashed separator come from Article{Title, Description}.

Why

Serves as the reference composition for the Sudoer organizations page: pinned-favorites table, search-over-table layout, compact UUID copy, and mono dates in one place.

Notes for reviewers

  • templ generate was run with the go.mod-pinned v0.3.1001; generated *_templ.go files are committed alongside. go generate ./... produced no CSS changes (no new utility classes). go build ./... passes.
  • Verified visually in the docs dev server.
  • Unrelated, spotted while testing: concurrent requests to the docs server can panic/wedge it inside tailwind-merge-go's non-goroutine-safe LRU cache — worth a separate fix.

🤖 Generated with Claude Code

Demonstrates the Invopop Sudoer "All organizations" page composed from
PopUI components: a headerless card Table pinning favorite orgs above a
type=search Input, a full card Table below, compact copy buttons for
UUIDs, and monospace created dates. Header action is "+ Create org".

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@netlify

netlify Bot commented Sep 3, 2026

Copy link
Copy Markdown

Deploy Preview for popui-go ready!

Name Link
🔨 Latest commit 077a649
🔍 Latest deploy log https://app.netlify.com/projects/popui-go/deploys/6a99343602191c00089a7b5b
😎 Deploy Preview https://deploy-preview-76--popui-go.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant