Modify Link for List Items

pmallol · May 12, 2020 · 5d1db59 · 5d1db59
1 parent 93a9501
commit 5d1db59
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/components/Item.js b/components/Item.js
@@ -5,7 +5,7 @@ import styles from './item.module.scss'
 const Item = (props) => {
  return (
  <div className={styles.item}>
- <Link href="/[id]" as={`/${props.name}`}>
+ <Link href="/[id]" as={`/${props.id}`}>
  <a>
  <div style={{backgroundImage: `url(${props.image})`}} ></div>
  <p>{props.name}</p>

diff --git a/components/List.js b/components/List.js
@@ -23,7 +23,7 @@ const List = () => {
  return (
  <div className={styles.list}>
  {gardens.map(garden => {
- return <Item name={garden.name} image={garden.image} key={garden.id} />
+ return <Item key={garden.id} name={garden.name} image={garden.image} id={garden.id} />
  })}
  </div>
  )