Use button

apache · Dec 18, 2024 · a52fa97 · a52fa97
1 parent 37a33f3
commit a52fa97
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/packages/form-dmn/src/FormDmnOutputs.tsx b/packages/form-dmn/src/FormDmnOutputs.tsx
@@ -19,6 +19,7 @@
 
 import * as React from "react";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { ArrowUpIcon } from "@patternfly/react-icons/dist/js/icons/arrow-up-icon";
 import { CheckCircleIcon } from "@patternfly/react-icons/dist/js/icons/check-circle-icon";
 import { InfoCircleIcon } from "@patternfly/react-icons/dist/js/icons/info-circle-icon";
 import { ExclamationCircleIcon } from "@patternfly/react-icons/dist/js/icons/exclamation-circle-icon";
@@ -40,8 +41,8 @@ import "./styles.scss";
 import { ErrorBoundary } from "@kie-tools/dmn-runner/dist/ErrorBoundary";
 import { ExclamationTriangleIcon } from "@patternfly/react-icons/dist/js/icons/exclamation-triangle-icon";
 import { DecisionResult, DmnEvaluationStatus, DmnEvaluationResult } from "@kie-tools/extended-services-api";
-import { ArrowUpIcon } from "@patternfly/react-icons/dist/js/icons/arrow-up-icon";
 import { Flex } from "@patternfly/react-core/dist/js/layouts/Flex";
+import { Button } from "@patternfly/react-core/dist/js/components/Button";
 
 const ISSUES_URL = "https://github.com/apache/incubator-kie-issues/issues";
 
@@ -263,11 +264,12 @@ export function FormDmnOutputs({ openExecutionTab, ...props }: FormDmnOutputsPro
             <CardTitle>
               <Flex justifyContent={{ default: "justifyContentSpaceBetween" }}>
                 <Title headingLevel={"h2"}>{dmnFormResult.decisionName}</Title>
-                <ArrowUpIcon
+                <Button
+                  variant={"plain"}
+                  title={`Open ${dmnFormResult.decisionName} expression`}
+                  icon={<ArrowUpIcon />}
                   data-navigate-to-expression-id={dmnFormResult.decisionId}
-                  onClick={() => {
-                    props.openBoxedExpressionEditor?.(dmnFormResult.decisionId);
-                  }}
+                  onClick={() => props.openBoxedExpressionEditor?.(dmnFormResult.decisionId)}
                 />
               </Flex>
             </CardTitle>