Merge pull request #579 from kubeshop/564-test-result-page-changes

#564 test result page changes
kubeshop · May 27, 2022 · 06c5ea9 · 06c5ea9
2 parents 0eea3af + 396117d
commit 06c5ea9
Show file tree

Hide file tree

Showing 10 changed files with 350 additions and 24 deletions.
diff --git a/web/package-lock.json b/web/package-lock.json
diff --git a/web/package.json b/web/package.json
@@ -41,6 +41,7 @@
   },
   "scripts": {
     "start": "craco start",
+    "dev": "concurrently 'npm run start' 'npm run port-forward'",
     "port-forward": "kubectl -n tracetest-beta port-forward svc/tracetest-beta 8080:8080",
     "build": "craco build",
     "test": "npm run test:unit",
@@ -117,6 +118,7 @@
     "@types/jmespath": "0.15.0",
     "@types/lodash": "4.14.181",
     "@types/styled-components": "5.1.21",
+    "concurrently": "7.2.1",
     "craco-less": "2.0.0",
     "cypress": "9.6.0",
     "eslint": "8.8.0",

diff --git a/web/src/assets/chevron.svg b/web/src/assets/chevron.svg
diff --git a/web/src/components/AssertionCard/AssertionCard.styled.ts b/web/src/components/AssertionCard/AssertionCard.styled.ts
@@ -1,4 +1,4 @@
-import {CloseCircleOutlined, EditOutlined} from '@ant-design/icons';
+import {DeleteOutlined, EditOutlined} from '@ant-design/icons';
 import {Tag, Typography} from 'antd';
 import styled, {css} from 'styled-components';
 
@@ -13,7 +13,7 @@ export const Header = styled.div`
   border-bottom: 1px solid rgba(3, 24, 73, 0.1);
   padding: 8px 14px;
   justify-content: space-between;
-  border-radius: 2px 2px 0px 0px;
+  border-radius: 2px 2px 0 0;
 `;
 
 export const Body = styled.div`
@@ -30,7 +30,7 @@ export const SelectorListText = styled(Typography.Text).attrs({
 `;
 
 export const SpanCountText = styled(Typography.Text)`
-  font-size: 12;
+  font-size: 12px;
 `;
 const baseIcon = css`
   font-size: 18px;
@@ -42,8 +42,8 @@ export const EditIcon = styled(EditOutlined)`
   ${baseIcon}
 `;
 
-export const DeleteIcon = styled(CloseCircleOutlined)`
-  ${baseIcon}
+export const DeleteIcon = styled(DeleteOutlined)`
+  ${baseIcon};
   margin-left: 12px;
 `;