feat(admin): visual and UX improvements across admin UI - #7
Merged
anggorodewanto merged 3 commits intoJun 5, 2026
Merged
Conversation
Playtest Hub list page - Full-width white header (negative-margin technique against FederatedElement padding) - Tab split: "Playtest List" and "Global Configurations" - ADT Linkages moved to Global Configurations tab, restyled as Card - Column reorder: Title → Status → Distribution → Slug → Approval → Actions; "Updated" column removed - Client-side search by title or slug - "+ Create Playtest" button moved to Card header Create Playtest page - Full-width white header (title only) - 3-step wizard with Ant Design navigation stepper inside the form Card: Step 1 – Playtest Setup (basic info, schedule, platforms) Step 2 – Build Distribution (distribution model + ADT picker) Step 3 – Access & Privacy (approval mode, NDA) - Fixed action bar: Cancel (left), Back + Next/Create (right) - Distribution option order: Steam Keys → ADT (Direct Download) → AGS Campaign - Radio card layout switched to CSS grid to fix indicator stretching on narrow viewports - scrollToFirstError on Create and Edit forms Playtest Detail page - Full-width white header: breadcrumb, title, date range, Playtest Link button (hidden for Draft), status tag, Publish/Stop actions; tabs in header - Tab content rendered in grey area below header - Playtest Info tab: new Overview card with participant count (with optional cap), pending approvals (manual approval only), playtest period with dynamic tag (Upcoming / Running / Ended / Stopped) and timeline subtext - Sign-up link moved into Playtest Information table row; shows "Available once published" for Draft status Survey tab - Wrapped in Card; save/create button moved to card header extra slot - Question containers: #fafafa background, softened border Responses tab - Question aggregate containers: #fafafa background, softened border - "Question N" label added above each question prompt Participants tab - Wrapped in Card with enrollment count in header Audit Log tab - Wrapped in Card with Refresh button in header Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…filter Replace useEffect + setSurveyIdFilter with a derived effectiveSurveyIdFilter. null = user explicitly cleared (all versions), undefined = not set (defaults to current survey id). Fixes react-hooks/set-state-in-effect lint error. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Align the admin test suite with the visual/UX redesign in PR AccelByte#7: - drive the 3-step create wizard (Setup → Build Distribution → Access) - open the Global Configurations tab for ADTLinkagesPanel - match reworded copy (ADT label, survey version, responses summary, sign-up link placeholder) and the share-link input→text change Co-Authored-By: Claude Opus 4.8 (1M context) <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
Test plan
🤖 Generated with Claude Code