fix(html): th elements should be nested under tr, not directly under …

…thead (#801)
sct · Feb 2, 2021 · 6e9ac27 · 6e9ac27
1 parent 1ccafc0
commit 6e9ac27
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 16 deletions.
diff --git a/src/components/RequestList/index.tsx b/src/components/RequestList/index.tsx
@@ -134,11 +134,13 @@ const RequestList: React.FC = () => {
       </div>
       <Table>
         <thead>
-          <Table.TH>{intl.formatMessage(messages.mediaInfo)}</Table.TH>
-          <Table.TH>{intl.formatMessage(messages.status)}</Table.TH>
-          <Table.TH>{intl.formatMessage(messages.requestedAt)}</Table.TH>
-          <Table.TH>{intl.formatMessage(messages.modifiedBy)}</Table.TH>
-          <Table.TH></Table.TH>
+          <tr>
+            <Table.TH>{intl.formatMessage(messages.mediaInfo)}</Table.TH>
+            <Table.TH>{intl.formatMessage(messages.status)}</Table.TH>
+            <Table.TH>{intl.formatMessage(messages.requestedAt)}</Table.TH>
+            <Table.TH>{intl.formatMessage(messages.modifiedBy)}</Table.TH>
+            <Table.TH></Table.TH>
+          </tr>
         </thead>
         <Table.TBody>
           {data.results.map((request) => {

diff --git a/src/components/Settings/SettingsJobsCache/index.tsx b/src/components/Settings/SettingsJobsCache/index.tsx
@@ -108,10 +108,12 @@ const SettingsJobs: React.FC = () => {
       <div className="section">
         <Table>
           <thead>
-            <Table.TH>{intl.formatMessage(messages.jobname)}</Table.TH>
-            <Table.TH>{intl.formatMessage(messages.jobtype)}</Table.TH>
-            <Table.TH>{intl.formatMessage(messages.nextexecution)}</Table.TH>
-            <Table.TH></Table.TH>
+            <tr>
+              <Table.TH>{intl.formatMessage(messages.jobname)}</Table.TH>
+              <Table.TH>{intl.formatMessage(messages.jobtype)}</Table.TH>
+              <Table.TH>{intl.formatMessage(messages.nextexecution)}</Table.TH>
+              <Table.TH></Table.TH>
+            </tr>
           </thead>
           <Table.TBody>
             {data?.map((job) => (
@@ -169,13 +171,15 @@ const SettingsJobs: React.FC = () => {
       <div className="section">
         <Table>
           <thead>
-            <Table.TH>{intl.formatMessage(messages.cachename)}</Table.TH>
-            <Table.TH>{intl.formatMessage(messages.cachehits)}</Table.TH>
-            <Table.TH>{intl.formatMessage(messages.cachemisses)}</Table.TH>
-            <Table.TH>{intl.formatMessage(messages.cachekeys)}</Table.TH>
-            <Table.TH>{intl.formatMessage(messages.cacheksize)}</Table.TH>
-            <Table.TH>{intl.formatMessage(messages.cachevsize)}</Table.TH>
-            <Table.TH></Table.TH>
+            <tr>
+              <Table.TH>{intl.formatMessage(messages.cachename)}</Table.TH>
+              <Table.TH>{intl.formatMessage(messages.cachehits)}</Table.TH>
+              <Table.TH>{intl.formatMessage(messages.cachemisses)}</Table.TH>
+              <Table.TH>{intl.formatMessage(messages.cachekeys)}</Table.TH>
+              <Table.TH>{intl.formatMessage(messages.cacheksize)}</Table.TH>
+              <Table.TH>{intl.formatMessage(messages.cachevsize)}</Table.TH>
+              <Table.TH></Table.TH>
+            </tr>
           </thead>
           <Table.TBody>
             {cacheData?.map((cache) => (