<commit_before>import React, { useState } from 'react'
import styled from 'styled-components'
import { User, UserProfile } from '../../../common/users/user-info'
import { background700 } from '../../styles/colors'
import { UserProfilePage } from '../user-profile'
import { UserProfileSubPage } from '../user-profile-sub-page'

const Container = styled.div`
  width: 100%;
  height: 100%;
  display: flex;
`

const FakeLeftNav = styled.div`
  width: 256px;
  height: 100%;
  background-color: ${background700};
`

const TestContent = styled.div`
  height: 100%;
  flex-grow: 1;
`

export function ProfilePageTest() {
  const [user] = useState<User>({ id: 1, name: '[TL] BigFan' })
  const [profile] = useState<UserProfile>({ userId: 1, ladder: {} })
  const [subPage, setSubPage] = useState<UserProfileSubPage>()

  return (
    <Container>
      <FakeLeftNav />
      <TestContent>
        <UserProfilePage user={user} profile={profile} subPage={subPage} onTabChange={setSubPage} />
      </TestContent>
    </Container>
  )
}
<commit_msg>Fix the profile test page (again, whoops >_<).<commit_after>import React, { useState } from 'react'
import styled from 'styled-components'
import { User, UserProfile } from '../../../common/users/user-info'
import { background700 } from '../../styles/colors'
import { UserProfilePage } from '../user-profile'
import { UserProfileSubPage } from '../user-profile-sub-page'

const Container = styled.div`
  width: 100%;
  height: 100%;
  display: flex;
`

const FakeLeftNav = styled.div`
  width: 256px;
  height: 100%;
  background-color: ${background700};
`

const TestContent = styled.div`
  height: 100%;
  flex-grow: 1;
`

const PROFILE: UserProfile = {
  userId: 1,
  ladder: {},
  userStats: {
    userId: 1,
    pWins: 27,
    pLosses: 17,
    tWins: 10,
    tLosses: 13,
    zWins: 4,
    zLosses: 4,
    rWins: 25,
    rLosses: 10,

    rPWins: 7,
    rPLosses: 3,
    rTWins: 8,
    rTLosses: 3,
    rZWins: 10,
    rZLosses: 4,
  },
}

export function ProfilePageTest() {
  const [user] = useState<User>({ id: PROFILE.userId, name: '[TL] BigFan' })
  const [profile] = useState<UserProfile>(PROFILE)
  const [subPage, setSubPage] = useState<UserProfileSubPage>()

  return (
    <Container>
      <FakeLeftNav />
      <TestContent>
        <UserProfilePage user={user} profile={profile} subPage={subPage} onTabChange={setSubPage} />
      </TestContent>
    </Container>
  )
}

{'fraction_non_alphanumeric': 0.1549876339653751, 'fraction_numerical': 0.028441879637262985, 'mean_word_length': 3.428832116788321, 'pattern_counts': {'":': 0, '<': 22, '<?xml version=': 0, '>': 22, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '653566', 'n_tokens_mistral': 890, 'n_tokens_neox': 829, 'n_words': 207}