From d014ca971814f825a18fe4297938676f3bc542bb Mon Sep 17 00:00:00 2001
From: Todti <hello@iamtodt.com>
Date: Thu, 9 Jan 2025 11:45:41 +0100
Subject: [PATCH] fix: after review

---
 .../src/components/app/ArrowButton/styles.scss   |  1 +
 .../TestResultHistory/TestResultHistoryItem.tsx  | 16 +++++++++++++---
 .../TestResult/TestResultPrevStatuses/index.tsx  |  4 ++--
 3 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/packages/web-awesome/src/components/app/ArrowButton/styles.scss b/packages/web-awesome/src/components/app/ArrowButton/styles.scss
index 36d1c5a..4c4db85 100644
--- a/packages/web-awesome/src/components/app/ArrowButton/styles.scss
+++ b/packages/web-awesome/src/components/app/ArrowButton/styles.scss
@@ -3,6 +3,7 @@
   border: none;
   padding: 8px 4px;
   border-radius: 4px;
+  cursor: pointer;
   color: var(--on-icon-secondary);
 
   &:hover {
diff --git a/packages/web-awesome/src/components/app/TestResult/TestResultHistory/TestResultHistoryItem.tsx b/packages/web-awesome/src/components/app/TestResult/TestResultHistory/TestResultHistoryItem.tsx
index 146ac96..82edc02 100644
--- a/packages/web-awesome/src/components/app/TestResult/TestResultHistory/TestResultHistoryItem.tsx
+++ b/packages/web-awesome/src/components/app/TestResult/TestResultHistory/TestResultHistoryItem.tsx
@@ -24,9 +24,19 @@ export const TestResultHistoryItem = ({ testResultItem }) => {
 
   return (
     <div>
-      <div className={styles["test-result-history-item-header"]} onClick={() => setIsOpen(!isOpened)}>
-        {Boolean(message) && <ArrowButton isOpened={isOpened} icon={arrowsChevronDown.id} />}
-        <div className={styles["test-result-history-item-wrap"]}>
+      <div className={styles["test-result-history-item-header"]}>
+        {Boolean(message) && (
+          <span onClick={() => setIsOpen(!isOpened)}>
+            <ArrowButton isOpened={isOpened} icon={arrowsChevronDown.id} />
+          </span>
+        )}
+        <div
+          className={styles["test-result-history-item-wrap"]}
+          onClick={(e) => {
+            e.stopPropagation();
+            openInNewTab(navigateUrl);
+          }}
+        >
           <TreeItemIcon status={status} className={styles["test-result-history-item-status"]} />
           <Text className={styles["test-result-history-item-text"]}>{convertedStop}</Text>
           <div className={styles["test-result-history-item-info"]}>
diff --git a/packages/web-awesome/src/components/app/TestResult/TestResultPrevStatuses/index.tsx b/packages/web-awesome/src/components/app/TestResult/TestResultPrevStatuses/index.tsx
index a6c3f82..092a8e6 100644
--- a/packages/web-awesome/src/components/app/TestResult/TestResultPrevStatuses/index.tsx
+++ b/packages/web-awesome/src/components/app/TestResult/TestResultPrevStatuses/index.tsx
@@ -5,15 +5,15 @@ import { useTestResultTabsContext } from "@/components/app/TestResult/TestResult
 import { SvgIcon } from "@/components/commons/SvgIcon";
 import { TooltipWrapper } from "@/components/commons/Tooltip";
 import { Text } from "@/components/commons/Typography";
+import { openInNewTab } from "@/index";
 import { useI18n } from "@/stores";
 import { capitalize } from "@/utils/capitalize";
 import { timestampToDate } from "@/utils/time";
 import * as styles from "./styles.scss";
 
 const TestResultPrevStatus = ({ item }) => {
-  const { setCurrentTab } = useTestResultTabsContext();
   return (
-    <div className={styles["test-result-prev-status"]} onClick={() => setCurrentTab("history")}>
+    <div className={styles["test-result-prev-status"]} onClick={() => openInNewTab(`testresult/${item.id}`)}>
       <SvgIcon id={LineShapesDotCircle.id} className={styles[`status-${item?.status}`]} />
     </div>
   );