Database Connection Update #4
@@ -2,6 +2,16 @@ import React from 'react';
|
|||||||
import './SeasonDetail.scss';
|
import './SeasonDetail.scss';
|
||||||
import {IUserListProperties} from "../UserList/UserList";
|
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 {
|
export interface SeasonDetailProperties {
|
||||||
seasonId: string,
|
seasonId: string,
|
||||||
maxSeasonId: 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;
|
export default SeasonDetail;
|
||||||
|
|||||||
Reference in New Issue
Block a user