[airflow] branch main updated: Fix browser warning of improper thead usage (#26551)

[uranusjr]

This is an automated email from the ASF dual-hosted git repository.

uranusjr pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/airflow.git


The following commit(s) were added to refs/heads/main by this push:
     new fe356beb34 Fix browser warning of improper thead usage (#26551)
fe356beb34 is described below

commit fe356beb34f0fc9ff78b3f6f7b6ab96cc71f8228
Author: Brent Bovenzi <br...@astronomer.io>
AuthorDate: Thu Sep 22 00:36:04 2022 -0400

    Fix browser warning of improper thead usage (#26551)
    
    Co-authored-by: Tzu-ping Chung <uranu...@gmail.com>
---
 .../www/static/js/dag/details/taskInstance/Details.tsx | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/airflow/www/static/js/dag/details/taskInstance/Details.tsx 
b/airflow/www/static/js/dag/details/taskInstance/Details.tsx
index 850fa98230..e8905d6593 100644
--- a/airflow/www/static/js/dag/details/taskInstance/Details.tsx
+++ b/airflow/www/static/js/dag/details/taskInstance/Details.tsx
@@ -24,7 +24,8 @@ import {
   Table,
   Tbody,
   Tr,
-  Td, Heading, Thead,
+  Td,
+  Heading,
 } from '@chakra-ui/react';
 
 import { finalStatesMap } from 'src/utils';
@@ -118,7 +119,10 @@ const Details = ({ instance, group, dagId }: Props) => {
           {state === 'deferred' && (
             <>
               <Tr borderBottomWidth={2} borderBottomColor="gray.300">
-                <Thead><Heading size="sm">Triggerer info</Heading></Thead>
+                <Td>
+                  <Heading size="sm">Triggerer info</Heading>
+                </Td>
+                <Td />
               </Tr>
               <Tr>
                 <Td>Trigger class</Td>
@@ -138,8 +142,14 @@ const Details = ({ instance, group, dagId }: Props) => {
               </Tr>
             </>
           )}
-          <Tr borderBottomWidth={2} borderBottomColor="gray.300">
-            <Thead><Heading size="sm">Task Instance Details</Heading></Thead>
+          <Tr
+            borderBottomWidth={2}
+            borderBottomColor="gray.300"
+          >
+            <Td>
+              <Heading size="sm">Task Instance Details</Heading>
+            </Td>
+            <Td />
           </Tr>
           <Tr>
             <Td>