Skip to content

feat(SDK-545): add DetailViewLayout reusable component#1402

Open
krisxcrash wants to merge 1 commit intokw/feat/sdk-547from
kw/feat/sdk-545
Open

feat(SDK-545): add DetailViewLayout reusable component#1402
krisxcrash wants to merge 1 commit intokw/feat/sdk-547from
kw/feat/sdk-545

Conversation

@krisxcrash
Copy link
Copy Markdown
Contributor

@krisxcrash krisxcrash commented Mar 27, 2026

Summary

Adds a reusable DetailViewLayout component to src/components/Common/ that provides the shared shell for detail views — back navigation, page header (title, subtitle, action buttons), and tabbed content layout.

This is the container used by all three TimeOff ViewPolicy variants (PTO/Sick, Holiday, Unlimited), but is generic enough for other detail views in the SDK.

Changes

  • New DetailViewLayout component with DetailViewLayoutProps interface
  • Uses existing Tabs, Button (with icon), Heading, and Text from useComponentContext()
  • Back navigation uses caret-left icon as a stand-in until arrow-left is added via SDK-533
  • Exported from src/components/Common/index.ts

Related

Testing

  • TypeScript compiles cleanly (npx tsc --noEmit)
  • No linter errors
  • Unit tests and Storybook stories will be added in follow-up PR

Shared shell for detail views providing back navigation, page header
with title/subtitle/actions, and tabbed content layout. Used by all
TimeOff policy detail view variants (PTO/Sick, Holiday, Unlimited).

Made-with: Cursor
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