Skip to content

Show the user profile settings - #38

Merged
Alejandroq12 merged 3 commits into
devfrom
feature/user-profile
Aug 7, 2026
Merged

Show the user profile settings#38
Alejandroq12 merged 3 commits into
devfrom
feature/user-profile

Conversation

@Alejandroq12

@Alejandroq12 Alejandroq12 commented Aug 7, 2026

Copy link
Copy Markdown
Owner

Summary by CodeRabbit

  • New Features
    • Added a Settings page with profile details, avatar, account type, dates, and available metadata.
    • Added Settings navigation through the sidebar and desktop avatar.
    • Added loading, error, and retry states for profile data.
    • Added persistent grid/list task-view selection across navigation.
    • Added graceful handling when Position data is unavailable.
  • Bug Fixes
    • Improved compatibility for existing avatar URLs.
  • Documentation
    • Documented the Settings page and unavailable Position data.

@vercel

vercel Bot commented Aug 7, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
task-flow Ready Ready Preview Aug 7, 2026 11:54pm

@coderabbitai

coderabbitai Bot commented Aug 7, 2026

Copy link
Copy Markdown

Review Change Stack

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: 43d008e7-8b9d-430f-bb74-34796f4b8f3d

📥 Commits

Reviewing files that changed from the base of the PR and between 96cedf8 and f838c7f.

📒 Files selected for processing (1)
  • README.md

📝 Walkthrough

Walkthrough

The PR implements the Settings profile page, adds shared profile and avatar utilities, centralizes UI components, and moves task board layout state into router outlet context. Header and sidebar navigation now link to /settings.

Changes

Settings profile and shared layout integration

Layer / File(s) Summary
Shared profile and UI foundation
src/lib/profile.ts, src/lib/avatar.ts, src/components/ui/*, src/features/tasks/*
Adds shared profile querying, avatar conversion, retry alerts, and user icons. Task components use the shared modules.
Settings navigation and profile view
src/components/layout/Header.tsx, src/components/layout/Sidebar.tsx, src/features/settings/Settings.tsx, README.md
Adds Settings navigation and renders loading, error, and profile states with formatted metadata. The README documents unavailable Position data.
Shared board layout state
src/components/layout/*, src/features/tasks/*, src/app/router.test.tsx
Provides typed outlet layout context. Toolbar interactions update the shared grid/list state, and tests verify tab persistence and scoped navigation queries.

Estimated code review effort: 3 (Moderate) | ~20 minutes

Sequence Diagram(s)

sequenceDiagram
  participant User
  participant Header
  participant Sidebar
  participant Settings
  participant useProfile
  User->>Header: select desktop avatar
  Header->>Settings: navigate to /settings
  User->>Sidebar: select Settings
  Sidebar->>Settings: navigate to /settings
  Settings->>useProfile: request profile data
  useProfile-->>Settings: return profile state
  Settings-->>User: render profile, loading, or retry state
Loading

Possibly related PRs

Suggested labels: ui

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Write docstrings for the functions missing them to satisfy the coverage threshold.
✅ Passed checks (4 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title clearly and concisely describes the main change: adding user profile settings.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feature/user-profile

Comment @coderabbitai help to get the list of available commands.

@claude

claude Bot commented Aug 7, 2026

Copy link
Copy Markdown

Code review

No issues found. Checked for bugs and CLAUDE.md compliance.

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@README.md`:
- Line 117: Update the README checklist entry describing the Settings sidebar
navigation to reflect Sidebar.tsx’s actual implementation: it defines navItems
and renders each entry with NavLink, rather than using a design-system
SidebarItem component. Preserve the rest of the user settings description
unchanged.
🪄 Autofix

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: 9836c3df-afe1-4112-b732-fbced4354cf4

📥 Commits

Reviewing files that changed from the base of the PR and between db3f096 and 912e543.

📒 Files selected for processing (18)
  • README.md
  • src/app/router.test.tsx
  • src/components/layout/Header.tsx
  • src/components/layout/Sidebar.tsx
  • src/components/ui/QueryErrorAlert.tsx
  • src/components/ui/icons.tsx
  • src/features/settings/Settings.tsx
  • src/features/tasks/FilterBar.tsx
  • src/features/tasks/MyTask.tsx
  • src/features/tasks/TaskCard.tsx
  • src/features/tasks/TaskForm.tsx
  • src/features/tasks/TaskList.tsx
  • src/features/tasks/TasksView.tsx
  • src/features/tasks/icons.tsx
  • src/features/tasks/queries.ts
  • src/features/tasks/task-display.ts
  • src/lib/avatar.ts
  • src/lib/profile.ts
💤 Files with no reviewable changes (3)
  • src/features/tasks/task-display.ts
  • src/features/tasks/queries.ts
  • src/features/tasks/icons.tsx

Comment thread README.md Outdated
@Alejandroq12
Alejandroq12 merged commit dcfa33a into dev Aug 7, 2026
3 of 5 checks passed
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