4.10: Create User Profile Page Component #91
Description
Overview
Create user profile display (Server Component).
Parent Epic: #70
Priority: P2
Prerequisites
- 4.1: Create Root Layout Component #82 (4.1: Create Root Layout Component)
Next Issues (after this is complete)
- None - this is a leaf page component
Acceptance Criteria
-
app/javascript/components/UserPage.tsxcreated (Server Component) - Shows username prominently
- Displays karma count
- Shows account creation date (relative and/or absolute)
- Renders "about" text (HTML content, sanitized)
- Optionally lists user's recent submissions
- CSS module styling (
UserPage.module.css)
Implementation Notes
interface UserPageProps {
user: {
id: string;
karma: number;
created_ago: string;
about?: string;
submissions?: Submission[];
};
}