Toutsu/GmRelayBot
1
1
Fork 0
Code Issues 18 Pull Requests 1 Actions Packages Projects Releases 85 Wiki Activity

feat(web): redesign profile page to match design system #116

Closed
Toutsu wants to merge 0 commits from feat/profile-design-system into main
pull from: feat/profile-design-system
merge into: Toutsu:main
Conversation 1 Commits - Files Changed -
Toutsu commented 2026-05-29 15:17:16 +03:00
Owner
Copy Link
Copy Source

Summary

  • Rewrite Profile.razor to use standard design system classes (.page-container, .glass-card, .gm-alert, .btn-gm, .status-badge, .empty-state)
  • Replace custom unstyled markup with breadcrumb, page-header, skeleton loaders and stagger animations
  • Add .identity-list styles to app.css for linked accounts section
  • Unify visual language with Home, Templates and GroupDetails pages

Changes

  • src/GmRelay.Web/Components/Pages/Profile.razor — complete rewrite using design system components
  • src/GmRelay.Web/wwwroot/app.css — add identity list styling

Test plan

  • Build passes (dotnet build src/GmRelay.Web)
  • Profile page renders without visual regressions
  • Public profile toggle, form, linked accounts and Discord link work as before
## Summary - Rewrite Profile.razor to use standard design system classes (.page-container, .glass-card, .gm-alert, .btn-gm, .status-badge, .empty-state) - Replace custom unstyled markup with breadcrumb, page-header, skeleton loaders and stagger animations - Add .identity-list styles to app.css for linked accounts section - Unify visual language with Home, Templates and GroupDetails pages ## Changes - `src/GmRelay.Web/Components/Pages/Profile.razor` — complete rewrite using design system components - `src/GmRelay.Web/wwwroot/app.css` — add identity list styling ## Test plan - [ ] Build passes (`dotnet build src/GmRelay.Web`) - [ ] Profile page renders without visual regressions - [ ] Public profile toggle, form, linked accounts and Discord link work as before
Toutsu added 1 commit 2026-05-29 15:17:17 +03:00
feat(web): redesign profile page to match design system
PR Checks / test-and-build (pull_request) Successful in 12m8s
Details
d54950698a 
- Rewrite Profile.razor to use .page-container, .glass-card, .gm-alert,

  .btn-gm, .status-badge, .empty-state and other standard design system classes

- Replace custom unstyled markup with breadcrumb, page-header, skeleton loaders

- Add .identity-list styles to app.css for linked accounts section

- Unify visual language with Home, Templates and GroupDetails pages
Toutsu reviewed 2026-05-29 15:17:43 +03:00
Toutsu left a comment
Author
Owner
Copy Link
Copy Source

Review

LGTM — clean, focused design-system alignment.

What works well

  • Migrates from orphaned custom classes (.profile-container, .section-title, .muted-text, .identity-badge, .loading-text) to the established design system (.page-container, .glass-card, .gm-alert, .btn-gm, .status-badge, .empty-state, .skeleton)
  • Adds .gm-breadcrumb + .page-header for navigation consistency with Templates and GroupDetails pages
  • Skeleton loaders replace plain text loading state
  • Alerts moved to top of page — better UX for form feedback
  • Identity list styling in app.css follows the same visual language as .participant-list

Minor notes (non-blocking)

  • btn-gm-danger for "Отвязать" is a stronger visual signal than the old btn-secondary; appropriate for a destructive action
  • Backtick → double-quote fix in the slug hint is a nice polish touch

Build already verified locally. Ready to merge.

## Review **LGTM** — clean, focused design-system alignment. ### What works well - Migrates from orphaned custom classes (`.profile-container`, `.section-title`, `.muted-text`, `.identity-badge`, `.loading-text`) to the established design system (`.page-container`, `.glass-card`, `.gm-alert`, `.btn-gm`, `.status-badge`, `.empty-state`, `.skeleton`) - Adds `.gm-breadcrumb` + `.page-header` for navigation consistency with Templates and GroupDetails pages - Skeleton loaders replace plain text loading state - Alerts moved to top of page — better UX for form feedback - Identity list styling in `app.css` follows the same visual language as `.participant-list` ### Minor notes (non-blocking) - `btn-gm-danger` for "Отвязать" is a stronger visual signal than the old `btn-secondary`; appropriate for a destructive action - Backtick → double-quote fix in the slug hint is a nice polish touch Build already verified locally. Ready to merge.
Toutsu closed this pull request 2026-05-29 15:22:39 +03:00
Some checks are pending
PR Checks / test-and-build (pull_request) Successful in 12m8s
Details

Pull request closed

Please reopen this pull request to perform a merge.
Sign in to join this conversation.
Reviewers
No Reviewers
Labels
Clear labels
area:bot
Telegram bot and worker logic
 area:data
Database schema, migrations and persistence model
 area:discord
Discord bot service and Discord adapter
 area:infra
Infrastructure, runtime and deployment
 area:miniapp
Telegram Mini App dashboard
 area:platform
Platform-neutral abstractions and adapter boundaries
 area:shared
Shared domain and rendering contracts
 area:web
Blazor web dashboard
 in-progress
В работе (issue взят агентом)
 next-up
Recommended immediate backlog
 pending-approval
Ждёт согласования плана решения
 platform:discord
Discord-specific behavior or adapter work
 platform:multi
Cross-platform or platform-neutral work
 platform:telegram
Telegram-specific behavior or adapter work
 priority:p0
Critical priority
 priority:p0
Блокирующий приоритет: задача должна быть выполнена до признания решения production-ready
 priority:p1
High priority
 priority:p2
Medium priority
 priority:p3
Lower priority
 security
Security-sensitive work
 type:bug
Bug fix or corrective work
 type:chore
Maintenance and supporting work
 type:feature
New product functionality
 type:refactor
Structural change without direct feature growth
 type:test
Testing and coverage work
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
Toutsu
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Toutsu/GmRelayBot#116
Delete Branch "feat/profile-design-system"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?