TemperaturePerSeason agregado

app/src/components/data/TemperaturePerSeason/index.tsx

@@ -1,6 +1,50 @@
 import React, { FC } from "react";
+import { TableHeader as Header, TdGroup } from "../shared";
+import * as classes from "../tables.module.css";
 
 const TemperaturePerSeason: FC = () => {
-  return null;
+  return (
+    <table className={classes.table}>
+      <Header daysToMatchCurrentTemperature={true} />
+      <tbody>
+        <tr>
+          <th className={classes.cell}>Temporada 2015-2016 - Vendimia 2016</th>
+          <TdGroup>
+            <td>4,51%</td>
+            <td>17,86%</td>
+            <td>8,84%</td>
+          </TdGroup>
+          <td className={classes.cell}>2215</td>
+          <td className={classes.cell}>(+)10 días</td>
+          <td className={classes.cell}>15,1</td>
+          <td className={classes.cell}>357</td>
+        </tr>
+        <tr>
+          <th className={classes.cell}>Temporada 2016-2017 - Vendimia 2017</th>
+          <TdGroup>
+            <td>4,51%</td>
+            <td>17,86%</td>
+            <td>8,84%</td>
+          </TdGroup>
+          <td className={classes.cell}>2215</td>
+          <td className={classes.cell}>(+)10 días</td>
+          <td className={classes.cell}>15,1</td>
+          <td className={classes.cell}>357</td>
+        </tr>
+        <tr>
+          <th className={classes.cell}>Temporada 2016-2017 - Vendimia 2017</th>
+          <TdGroup>
+            <td>4,51%</td>
+            <td>17,86%</td>
+            <td>8,84%</td>
+          </TdGroup>
+          <td className={classes.cell}>2215</td>
+          <td className={classes.cell}>(+)10 días</td>
+          <td className={classes.cell}>15,1</td>
+          <td className={classes.cell}>357</td>
+        </tr>
+      </tbody>
+    </table>
+  );
 };
 export default TemperaturePerSeason;

app/src/components/data/TemperaturePerSector/index.tsx

@@ -1,21 +1,11 @@
 import React, { FC } from "react";
-import { TableHeader as Header } from "../shared";
+import { TableHeader as Header, TdGroup } from "../shared";
 import * as classes from "../tables.module.css";
 
 const TemperaturePerSector: FC = () => {
-  const TdGroup: FC = ({ children }) => {
-    return (
-      <td className={classes.tdGroup}>
-        <table>
-          <tr>{children}</tr>
-        </table>
-      </td>
-    );
-  };
-
   return (
     <table className={classes.table}>
-      <Header daysToExtendActualTemp={false}/>
+      <Header daysToMatchCurrentTemperature={false}/>
       <tbody>
         {/* Esto va a ser dinamico */}
         <tr>

app/src/components/data/shared.tsx

@@ -2,9 +2,11 @@ import React, { FC } from "react";
 import * as classes from "./tables.module.css";
 
 interface tableHeaderProps {
-  daysToExtendActualTemp: boolean;
+  //Change this name
+  daysToMatchCurrentTemperature: boolean;
 }
-export const TableHeader: FC<tableHeaderProps> = ({ daysToExtendActualTemp }) => {
+
+export const TableHeader: FC<tableHeaderProps> = ({ daysToMatchCurrentTemperature }) => {
   return (
     <thead>
       <th className={classes.cell}>Octubre - Marzo</th>
@@ -23,7 +25,7 @@ export const TableHeader: FC<tableHeaderProps> = ({ daysToExtendActualTemp }) =>
 
       <td className={classes.cell}>Grados días acumulados</td>
 
-      {daysToExtendActualTemp &&
+      {daysToMatchCurrentTemperature &&
         <td className={classes.cell}>Días para igualar temperatura actual</td>
       }
 
@@ -33,3 +35,13 @@ export const TableHeader: FC<tableHeaderProps> = ({ daysToExtendActualTemp }) =>
     </thead>
   );
 };
+
+export const TdGroup: FC = ({ children }) => {
+  return (
+    <td className={classes.tdGroup}>
+      <table>
+        <tr>{children}</tr>
+      </table>
+    </td>
+  );
+};