From ac2daf42db51e53aaad2577ccb21089331490939 Mon Sep 17 00:00:00 2001
From: Isaac <git@eartharoid.me>
Date: Mon, 9 Jan 2023 16:00:58 +0000
Subject: [PATCH] refactor: use `tbody`

to fix `<tr> cannot appear as a child of <table>. Add a <tbody>, <thead> or <tfoot> to your code to match the DOM tree generated by the browser.`
---
 .../modals/main/marketplace/Item.jsx          | 40 ++++++++++---------
 1 file changed, 22 insertions(+), 18 deletions(-)

diff --git a/src/components/modals/main/marketplace/Item.jsx b/src/components/modals/main/marketplace/Item.jsx
index 384c43b5..d80cd395 100644
--- a/src/components/modals/main/marketplace/Item.jsx
+++ b/src/components/modals/main/marketplace/Item.jsx
@@ -126,16 +126,18 @@ export default class Item extends PureComponent {
             {this.props.data.data.quotes ? (
               <>
                 <table>
-                  <tr>
-                    <th>{variables.getMessage('modals.main.settings.sections.quote.title')}</th>
-                    <th>{variables.getMessage('modals.main.settings.sections.quote.author')}</th>
-                  </tr>
-                  {this.props.data.data.quotes.slice(0, this.state.count).map((quote, index) => (
-                    <tr key={index}>
-                      <td>{quote.quote}</td>
-                      <td>{quote.author}</td>
+                  <tbody>
+                    <tr>
+                      <th>{variables.getMessage('modals.main.settings.sections.quote.title')}</th>
+                      <th>{variables.getMessage('modals.main.settings.sections.quote.author')}</th>
                     </tr>
-                  ))}
+                    {this.props.data.data.quotes.slice(0, this.state.count).map((quote, index) => (
+                      <tr key={index}>
+                        <td>{quote.quote}</td>
+                        <td>{quote.author}</td>
+                      </tr>
+                    ))}
+                  </tbody>
                 </table>
                 <div className="showMoreItems">
                   <span className="link" onClick={() => this.incrementCount('quotes')}>
@@ -157,16 +159,18 @@ export default class Item extends PureComponent {
             {this.props.data.data.settings ? (
               <>
                 <table>
-                  <tr>
-                    <th>{variables.getMessage('modals.main.marketplace.product.setting')}</th>
-                    <th>{variables.getMessage('modals.main.marketplace.product.value')}</th>
-                  </tr>
-                  {Object.entries(this.props.data.data.settings).slice(0, this.state.count).map(([key, value]) => (
-                    <tr key={key}>
-                      <td>{key}</td>
-                      <td>{value}</td>
+                  <tbody>
+                    <tr>
+                      <th>{variables.getMessage('modals.main.marketplace.product.setting')}</th>
+                      <th>{variables.getMessage('modals.main.marketplace.product.value')}</th>
                     </tr>
-                  ))}
+                    {Object.entries(this.props.data.data.settings).slice(0, this.state.count).map(([key, value]) => (
+                      <tr key={key}>
+                        <td>{key}</td>
+                        <td>{value}</td>
+                      </tr>
+                    ))}
+                  </tbody>
                 </table>
                 <div className="showMoreItems">
                   <span className="link" onClick={() => this.incrementCount('settings')}>