29 lines
708 B
TypeScript
29 lines
708 B
TypeScript
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: {dateToString(dates.start)} - {dateToString(dates.end)}
|
|
</span>
|
|
)
|
|
}
|
|
|
|
const dateToString = (date?: Date): string => {
|
|
return date ? date.toLocaleDateString('en-GB') : 'TBD';
|
|
}
|
|
|
|
export interface SeasonDetailProperties {
|
|
seasonId?: string,
|
|
maxSeasonId: string
|
|
dates: {
|
|
start?: Date,
|
|
end?: Date
|
|
}
|
|
}
|
|
|
|
export default SeasonDetail;
|