Browse Source

Header con opcion de tener una columna mas

tinchoolivari 4 năm trước cách đây
mục cha
commit
f4fa5323f4

+ 1 - 1
app/src/components/data/TemperaturePerSector/index.tsx

@@ -15,7 +15,7 @@ const TemperaturePerSector: FC = () => {
 
   return (
     <table className={classes.table}>
-      <Header />
+      <Header daysToExtendActualTemp={false}/>
       <tbody>
         {/* Esto va a ser dinamico */}
         <tr>

+ 8 - 1
app/src/components/data/shared.tsx

@@ -1,7 +1,10 @@
 import React, { FC } from "react";
 import * as classes from "./tables.module.css";
 
-export const TableHeader: FC = () => {
+interface tableHeaderProps {
+  daysToExtendActualTemp: boolean;
+}
+export const TableHeader: FC<tableHeaderProps> = ({ daysToExtendActualTemp }) => {
   return (
     <thead>
       <th className={classes.cell}>Octubre - Marzo</th>
@@ -20,6 +23,10 @@ export const TableHeader: FC = () => {
 
       <td className={classes.cell}>Grados días acumulados</td>
 
+      {daysToExtendActualTemp &&
+        <td className={classes.cell}>Días para igualar temperatura actual</td>
+      }
+
       <td className={classes.cell}>Amplitud térmica</td>
 
       <td className={classes.cell}>Precipitaciones acumuladas [mm]</td>