瀏覽代碼

Header con opcion de tener una columna mas

tinchoolivari 4 年之前
父節點
當前提交
f4fa5323f4
共有 2 個文件被更改,包括 9 次插入2 次删除
  1. 1 1
      app/src/components/data/TemperaturePerSector/index.tsx
  2. 8 1
      app/src/components/data/shared.tsx

+ 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>