Mobile layout updates.

2022-03-01 19:28:44 -08:00
parent 98b2ee29ef
commit 0b846b482d
17 changed files with 99 additions and 46 deletions
--- a/components/common/Table.js
+++ b/components/common/Table.js
@@ -76,12 +76,13 @@ export default Table;

 export const TableRow = ({ columns, row }) => (
  <div className={classNames(styles.row, 'row')}>
-    {columns.map(({ key, render, className, style, cell }, index) => (
+    {columns.map(({ key, label, render, className, style, cell }, index) => (
      <div
        key={`${key}-${index}`}
        className={classNames(styles.cell, className, cell?.className)}
        style={{ ...style, ...cell?.style }}
      >
+        {label && <label>{label}</label>}
        {render ? render(row) : row[key]}
      </div>
    ))}