refactor text and InfoIconWrapper component

Signed-off-by: Ricardo M G da Silva <[email protected]>

Author: TejInaco

src/components/Dialogs/base/FormCatalogFields.tsx

@@ -61,8 +61,9 @@ const FormCatalogFields: React.FC<IFormCatalogFieldsProps> = ({
     <>
       <div className="w-full rounded-md bg-black bg-opacity-80 p-2">
         <h1 className="font-bold">
-          Add fields for Cataloging to ensure quality and discoverability of
-          Thing Models
+          The following fields will be added in the background to your TM for
+          cataloging purposes to ensure quality and discoverability of Thing
+          Models.
         </h1>
         <div className="mx-auto w-[70%] flex-col px-4">
           <DialogTextField

src/components/InfoIcon/InfoIconWrapper.tsx

@@ -37,21 +37,29 @@ const InfoIconWrapper: React.FC<IInfoIconWrapperProps> = (props) => {
       ? `flex ${props.className}`
       : "flex justify-center";
 
+  const handleClick = () => {
+    if (!isHrefEmpty) {
+      window.open(props.tooltip.href, "_blank");
+    }
+  };
+
   return (
     <div className={containerClass}>
       <div className="pr-0.5">{props.children}</div>
-      <button
-        onClick={() =>
-          !isHrefEmpty && window.open(props.tooltip.href, "_blank")
-        }
-        disabled={isHrefEmpty}
+      <div
+        role="link"
+        tabIndex={isHrefEmpty ? -1 : 0}
+        onClick={handleClick}
+        aria-disabled={isHrefEmpty}
+        className={`cursor-${isHrefEmpty ? "default" : "pointer"}`}
+        aria-label={isHrefEmpty ? "Info" : "More information"}
       >
         <Icon
           html={props.tooltip.html || "No tooltip content available"}
           id={props.id}
           IconComponent={Info}
         />
-      </button>
+      </div>
       <div className="p-1"></div>
     </div>
   );

src/components/TDViewer/components/InteractionSection.tsx

@@ -421,6 +421,7 @@ const InteractionSection: React.FC<IInteractionSectionProps> = (props) => {
           onRowClick={handleOnRowClick}
           onSendRequestClick={handleOnClickSendRequest}
           baseUrl={td.base ?? ""}
+          requestResults={{}}
         />
       );
     }