Merge pull request #614 from kubeshop/610-toggle-testcard-area

make whole TestCard trigguer onCollapsed flow #610
kubeshop · Jun 1, 2022 · 6ef5bfa · 6ef5bfa
2 parents c19285d + 988f219
commit 6ef5bfa
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/web/src/components/TestCard/TestCard.tsx b/web/src/components/TestCard/TestCard.tsx
@@ -39,12 +39,16 @@ const TestCard: React.FC<TTestCardProps> = ({
 
   return (
     <S.TestCard $isCollapsed={isCollapsed}>
-      <S.InfoContainer>
-        {isCollapsed ? (
-          <DownOutlined onClick={() => setIsCollapsed(false)} />
-        ) : (
-          <RightOutlined data-cy={`collapse-test-${testId}`} onClick={onCollapse} />
-        )}
+      <S.InfoContainer
+        onClick={async () => {
+          if (isCollapsed) {
+            setIsCollapsed(false);
+            return;
+          }
+          await onCollapse();
+        }}
+      >
+        {isCollapsed ? <DownOutlined /> : <RightOutlined data-cy={`collapse-test-${testId}`} onClick={onCollapse} />}
         <S.TextContainer>
           <S.NameText>{name}</S.NameText>
         </S.TextContainer>