humenius/ts-onlinetime-ranks
1
1
Fork 0
Code Issues 1 Pull Requests Releases 2 Wiki Activity

feature(database-connection): Refactor SeasonDetail.tsx to functional components

Browse Source
This commit is contained in:
Humenius
2021-01-12 12:42:39 +01:00
parent a528118178
commit c62d760570
1 changed files with 10 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/src/components/SeasonDetail/SeasonDetail.tsx
View File

@@ -2,6 +2,16 @@ import React from 'react';
import './SeasonDetail.scss';
import {IUserListProperties} from "../UserList/UserList";
const SeasonDetail: React.FC<IUserListProperties> = (props: IUserListProperties) => {
const { seasonId, dates } = props.userStats
return (
<span className="SeasonDetail" data-testid="SeasonDetail">
Season {seasonId} - Duration: {dates.start.toDateString()} - {dates.end.toDateString()}
</span>
)
}
export interface SeasonDetailProperties {
seasonId: string,
maxSeasonId: string
@@ -11,16 +21,4 @@ export interface SeasonDetailProperties {
}
}
class SeasonDetail extends React.Component<IUserListProperties> {
render() {
const { seasonId, dates } = this.props.userStats
return (
<span className="SeasonDetail" data-testid="SeasonDetail">
Season {seasonId} - Duration: {dates.start.toDateString()} - {dates.end.toDateString()}
</span>
)
}
}
export default SeasonDetail;