diff --git a/frontend/src/components/SeasonDetail/SeasonDetail.tsx b/frontend/src/components/SeasonDetail/SeasonDetail.tsx
index 3dc6dd6..041d7c4 100644
--- a/frontend/src/components/SeasonDetail/SeasonDetail.tsx
+++ b/frontend/src/components/SeasonDetail/SeasonDetail.tsx
@@ -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;