diff options
| author | eug-vs <eug-vs@keemail.me> | 2021-03-14 06:40:09 +0300 |
|---|---|---|
| committer | eug-vs <eug-vs@keemail.me> | 2021-03-14 06:40:09 +0300 |
| commit | e615ad0282fa02ce7e81a847b43dd3146f69b769 (patch) | |
| tree | 0560eaea9a5eb9a360c026b37dc5f08f38299507 /src/components | |
| parent | 610584c3ce986cdea431180f545e023cee14d5d2 (diff) | |
| download | commercel-ui-e615ad0282fa02ce7e81a847b43dd3146f69b769.tar.gz | |
fix: match keys everywhere
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Header.tsx | 2 | ||||
| -rw-r--r-- | src/components/ListTable.tsx | 5 |
2 files changed, 4 insertions, 3 deletions
diff --git a/src/components/Header.tsx b/src/components/Header.tsx index bc77bf8..284d3d8 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -12,7 +12,7 @@ const Header: React.FC<Props> = ({ navigation }) => { return ( <header className="bg-black text-white flex"> {navigation.map(({ name, route }) => ( - <Link to={route} className="py-6 px-8 font-bold tracking-wide hover:underline">{name}</Link> + <Link to={route} key={route} className="py-6 px-8 font-bold tracking-wide hover:underline">{name}</Link> ))} </header> ); diff --git a/src/components/ListTable.tsx b/src/components/ListTable.tsx index 85b86aa..5c1333a 100644 --- a/src/components/ListTable.tsx +++ b/src/components/ListTable.tsx @@ -18,16 +18,17 @@ const ListTable: React.FC<Props> = ({ items = [], fields, handleRowClick = () => <table className="table-auto w-full"> <thead> <tr className="border-b select-none"> - {fields.map(field => <th>{field.label}</th>)} + {fields.map(field => <th key={field.label}>{field.label}</th>)} </tr> </thead> <tbody> {items.map((item, index) => ( <tr + key={item._id} className={`border-b hover:bg-gray-100 cursor-pointer ${index % 2 && 'bg-gray-50'}`} onClick={() => handleRowClick(index)} > - {fields.map(field => <td className="p-3">{item[field.key]}</td>)} + {fields.map(field => <td key={`${item._id} ${field.label}`} className="p-3">{item[field.key]}</td>)} </tr> ))} </tbody> |