feat: add user profile page with organizations and mock recent activity #392
Conversation
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
|
@ayusub is attempting to deploy a commit to the Opcotech Team on Vercel. A member of the Team first needs to authorize it. |
|
Thanks for opening this pull request! 🥳 |
Member
|
Hey @ayusub, First of all, thank you for the PR! Unfortunately it slipped through the cracks and I've just seen it now, sorry for that. I'm going to give it a review later this week 😊 |
gabor-boros
reviewed
Jan 17, 2026
Comment on lines
+14
to
+44
| const user = { | ||
| name: 'Demo User', | ||
| username: 'demo', | ||
| role: 'Senior Software Developer', | ||
| email: 'demo@elemo.app', | ||
| memberSince: 'August 7, 2025', | ||
| status: 'active', | ||
| languages: ['en', 'es'], | ||
| phone: '+12345678900', | ||
| location: '2900 S Congress Ave, Austin, TX', | ||
| links: ['example.com', 'elemo.app'], | ||
| } | ||
|
|
||
| const orgMemberships = [ | ||
| { | ||
| name: 'Acme Corporation', | ||
| email: 'info@acme.com', | ||
| website: 'acme.com', | ||
| members: 3, | ||
| joined: 'Jan 2024', | ||
| role: 'Admin', | ||
| }, | ||
| { | ||
| name: 'TechStart Inc', | ||
| email: 'hello@techstart.io', | ||
| website: 'techstart.io', | ||
| members: 12, | ||
| joined: 'Mar 2024', | ||
| role: 'Developer', | ||
| }, | ||
| ] |
Member
There was a problem hiding this comment.
User and org memberships are already available, no need to mock them.
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.
Description
This PR adds a user profile page to the frontend. The page did not previously exist; this implementation includes:
/users/$userIdroute and loaderv1UserGetandv1OrganizationsGetAPIsScreenshots
Testing instructions
Manual verification in the browser
pnpm dev
Open the app in the browser (default Vite dev URL, e.g., http://localhost:5173).
Log in with a test/demo user.
Navigate to /users/:userId (or via the UI if there is a link).
Verify:
Avatar and user name render correctly.
Status badge, username (@handle), title, and “Member since” date show when data is present.
“About”, “Contact Information”, and “Additional Details” sections display the expected fields.
“Organization Memberships” card lists organizations from the API (name, email/website, status, member count, joined date).
“Recent Activity” sidebar shows the static activity timeline.
Checklist
added
Signed-off-by: <YOUR NAME>to the commit trail where<YOUR NAME>ismy name.