From 0dfe2372763e03c94e7c1cffbe8c1153b9688c0a Mon Sep 17 00:00:00 2001
From: RDW <rdw-software@proton.me>
Date: Mon, 17 Feb 2025 10:54:15 +0100
Subject: [PATCH] QA: Fix warnings in the Chrome dev console

Either these didn't exist or I just didn't notice. Everything looks fine regardless, at least on Firefox.

Shouldn't the build fail? I guess not... Questions for later.
---
 src/components/API/API.jsx               | 12 ++++++------
 src/components/HomepageFeatures/index.js | 10 +++++-----
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/API/API.jsx b/src/components/API/API.jsx
index 7301c389..6669ea7e 100644
--- a/src/components/API/API.jsx
+++ b/src/components/API/API.jsx
@@ -73,7 +73,7 @@ class Parameters extends React.Component {
           ].join(" ")}
         >
           <tr className={styles.functionParametersFirstRow}>
-            <th colspan="4">Arguments</th>
+            <th colSpan="4">Arguments</th>
           </tr>
           <tr className={styles.functionParametersHeadRow}>
             <th>#</th>
@@ -99,7 +99,7 @@ class Returns extends React.Component {
           ].join(" ")}
         >
           <tr className={styles.functionReturnValuesFirstRow}>
-            <th colspan="3">Return values</th>
+            <th colSpan="3">Return values</th>
           </tr>
           <tr className={styles.functionReturnValuesHeadRow}>
             <th>#</th>
@@ -166,7 +166,7 @@ class Struct extends React.Component {
             ].join(" ")}
           >
             <tr className={styles.structMembersFirstRow}>
-              <th colspan="3">{this.props.name}</th>
+              <th colSpan="3">{this.props.name}</th>
             </tr>
             <tr className={styles.structMembersHeadRow}>
               <th>Field</th>
@@ -201,13 +201,13 @@ class Dictionary extends React.Component {
         <table className={styles.dictionaryKeyValuesTable}>
           <tbody className={styles.dictionaryKeyValuesTableBody}>
             <tr className={styles.dictionaryKeyValuesFirstRow}>
-              <th colspan="4">{this.props.name}</th>
+              <th colSpan="4">{this.props.name}</th>
             </tr>
             <tr className={styles.dictionaryKeyValuesHeadRow}>
-              <td colspan="2" className={styles.dictionaryHeadRow}>
+              <td colSpan="2" className={styles.dictionaryHeadRow}>
                 Keys
               </td>
-              <td colspan="2" className={styles.dictionaryHeadRow}>
+              <td colSpan="2" className={styles.dictionaryHeadRow}>
                 Values
               </td>
             </tr>
diff --git a/src/components/HomepageFeatures/index.js b/src/components/HomepageFeatures/index.js
index 8577fc59..fc0f09f0 100644
--- a/src/components/HomepageFeatures/index.js
+++ b/src/components/HomepageFeatures/index.js
@@ -8,15 +8,15 @@ function RectangularCheckboxIcon(props) {
       <div className={styles.featureSummaryText}>
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="w-px-24"
+          className="w-px-24"
           width="24"
           height="24"
           viewBox="0 0 24 24"
-          stroke-width="2"
+          strokeWidth="2"
           stroke="#4ade80"
           fill="none"
-          stroke-linecap="round"
-          stroke-linejoin="round"
+          strokeLinecap="round"
+          strokeLinejoin="round"
         >
           <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
           <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
@@ -108,7 +108,7 @@ function Feature({ Svg, title, description }) {
       <div className="text--center"></div>
       <div>
         <h3>{title}</h3>
-        <p>{description}</p>
+        <div>{description}</div>
       </div>
     </div>
   );