Website edit functionality.

This commit is contained in:
Mike Cao 2020-08-07 02:27:12 -07:00
parent 30b87bc4c4
commit 00e232fee8
63 changed files with 301 additions and 94 deletions

View file

@ -1,32 +0,0 @@
import React from 'react';
import classNames from 'classnames';
import styles from './Table.module.css';
export default function Table({ columns, rows }) {
return (
<div className={styles.table}>
<div className={styles.header}>
{columns.map(({ key, label }) => (
<div key={key} className={styles.head}>
{label}
</div>
))}
</div>
<div className={styles.body}>
{rows.map((row, rowIndex) => (
<div className={styles.row} key={rowIndex}>
{columns.map(({ key, render, className, style }) => (
<div
key={`${rowIndex}${key}`}
className={classNames(styles.cell, className)}
style={style}
>
{render ? render(row) : row[key]}
</div>
))}
</div>
))}
</div>
</div>
);
}