feature(database-connection): Add routing for dynamic seasons
This commit is contained in:
24
frontend/src/components/SeasonDetail/SeasonDetail.tsx
Normal file
24
frontend/src/components/SeasonDetail/SeasonDetail.tsx
Normal file
@@ -0,0 +1,24 @@
|
||||
import React from 'react';
|
||||
import './SeasonDetail.scss';
|
||||
|
||||
export interface SeasonDetailProperties {
|
||||
seasonId: string,
|
||||
dates: {
|
||||
start: Date,
|
||||
end: Date
|
||||
}
|
||||
}
|
||||
|
||||
class SeasonDetail extends React.Component<SeasonDetailProperties> {
|
||||
|
||||
render() {
|
||||
const { seasonId, dates } = this.props
|
||||
return (
|
||||
<span className="SeasonDetail" data-testid="SeasonDetail">
|
||||
Season {seasonId} - Duration: {dates.start.toDateString()} - {dates.end.toDateString()}
|
||||
</span>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
export default SeasonDetail;
|
||||
Reference in New Issue
Block a user