feat: Leave Request Wizard - full inline intake flow#2
Open
ssutantoatcaptech wants to merge 7 commits into
Open
feat: Leave Request Wizard - full inline intake flow#2ssutantoatcaptech wants to merge 7 commits into
ssutantoatcaptech wants to merge 7 commits into
Conversation
Adds a new Figma Files page to the dashboard that lets users enter their Figma Personal Access Token and Team ID to browse team projects and list files within each project, with thumbnail previews and links to open files. - Server: two new proxy endpoints for Figma REST API (team projects, project files) - Frontend: FigmaFiles page component with project/file listing UI - Navigation: Figma Files entry added to sidebar https://claude.ai/code/session_017XFr4va8CC4YQSf2AcmMVy
- Add MoO Portal page with dark navy glassmorphism design (Overview, Benefits, Claims) - Implement full Fluent 2 component library: Button, Input, Select, Checkbox, Toggle, Badge, Avatar, Spinner, ProgressBar, Tag, MessageBar, Tabs - Add ComponentDemo page showcasing all Fluent 2 components - Update FigmaFiles page to support direct Project ID browsing - Add CLAUDE.md referencing Microsoft Fluent 2 as design system source of truth - Load Inter font for MoO Portal typography Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Add moo-tokens.json with W3C format tokens (color, typography, spacing, border radius, components) - Add Export Design Tokens download link in MoO Portal sidebar - Fix double sidebar by rendering MoO Portal full-screen - Add back arrow to return to DB Dashboard Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Add POST /api/figma/push-variables endpoint to push all design tokens directly to Figma via Variables API - Add Figma Sync collapsible panel in MoO Portal sidebar with token input, file ID, and push button - Generate moo-styles.json with color styles, text styles, and effect styles - Fix moo-tokens.json to use working W3C format ($value/$type with hex colors and plain numbers) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…import Figma's native Variables importer silently rejects RGBA 8-digit hex values (#FFFFFF14). Replace all alpha-opacity colors with plain 6-digit hex and note the intended opacity in the description field instead. Also adds moo-tokens-colors.json (colors-only file) and a new "↓ Colors" download button in the FigmaSyncPanel. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Implements 8-step leave request wizard with centralized form state, dynamic step flow, per-step validation, and smooth transitions. Steps: reason, child details, work schedule, duration, estimate, compliance, review & submit, confirmation. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
What's included
src/pages/LeaveWizard.tsx— orchestrator with state management, validation, and navigationsrc/pages/leave/— 8 step page components + shared typessrc/components/leave/— reusable UI primitives (Card, Stepper, WizardButtons, OptionCard, RadioInline, CheckboxItem)App.tsx,Sidebar.tsx,types/index.ts, andindex.cssfor routing and animationsTest plan
🤖 Generated with Claude Code