From c62d760570cb9fe3af0450a158670e33f78fac82 Mon Sep 17 00:00:00 2001
From: Humenius <contact@humenius.me>
Date: Tue, 12 Jan 2021 12:42:39 +0100
Subject: [PATCH] feature(database-connection): Refactor SeasonDetail.tsx to
 functional components

---
 .../components/SeasonDetail/SeasonDetail.tsx  | 22 +++++++++----------
 1 file changed, 10 insertions(+), 12 deletions(-)

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;