diff --git a/atcoder-problems-frontend/src/pages/LanguageOwners.tsx b/atcoder-problems-frontend/src/pages/LanguageOwners.tsx index f154a118d..284fc7ccc 100644 --- a/atcoder-problems-frontend/src/pages/LanguageOwners.tsx +++ b/atcoder-problems-frontend/src/pages/LanguageOwners.tsx @@ -30,6 +30,8 @@ const OneOwner = (props: { ); +const OWNERS_NUM_OPTIONS = [3, 5, 10, 20]; + interface Props { ranking: Map>; requestData: () => void; @@ -37,15 +39,13 @@ interface Props { interface LocalState { ownersNum: number; - ownersNumOptions: number[]; } class LanguageOwners extends React.Component { constructor(props: Props) { super(props); this.state = { - ownersNum: 3, - ownersNumOptions: [3, 5, 10, 20] + ownersNum: 3 }; } @@ -54,16 +54,17 @@ class LanguageOwners extends React.Component { } render() { + const { ownersNum } = this.state; return ( <>
- {this.state.ownersNumOptions.map(option => ( + {OWNERS_NUM_OPTIONS.map(option => ( @@ -78,7 +79,7 @@ class LanguageOwners extends React.Component { key={language} language={language} ranking={list} - size={this.state.ownersNum} + size={ownersNum} /> )) .valueSeq()