Function UserSection

  • UserSection(props: UserSectionProps): Element

  • Displays comprehensive information about a GitHub user in a contained section

    Features:

    • Complete user profile display
    • Statistics grid layout
    • Winner highlighting
    • Score display
    • Dark mode support
    • Responsive design

    Component Structure:

    • UserProfile component
      • Avatar and basic info
      • Social links
      • Bio
    • UserStatsGrid component
      • Repository stats
      • Contribution data
      • Activity metrics

    Layout Features:

    • Responsive padding
    • Proper spacing between sections
    • Border and shadow styling
    • Rounded corners
    • Background colors

    Parameters

    • props: UserSectionProps

      Component properties

      Props for the UserSection component

      UserSectionProps

      • OptionaldataTestId?: string

        Optional data-testid for testing

      • Optionalscore?: number

        User's percentile score (optional)

      • user: User

        GitHub user data containing profile and statistics information

    Returns Element

    The rendered user section

    Example

    <UserSection
      user={userData}
      isWinner={true}
      score={98.5}
      isComparing={true}
      hasCompetitor={true}
      dataTestId="user-section"
    />

Settings

Member Visibility