Merge pull request #124 from zenml-io/QA-Fixes

Qa fixes

Author: danialraza03

src/ui/components/Filters/index.tsx

@@ -657,7 +657,14 @@ const FilterComponent = ({
               onClick={onClick}
               ref={ref}
             >
-              <div>{value}</div>
+              <div
+                style={{
+                  fontSize: '12px',
+                  fontFamily: 'Rubik',
+                }}
+              >
+                {value}
+              </div>
               <div>
                 <icons.calendar size={iconSizes.md} color={iconColors.grey} />
               </div>
@@ -990,6 +997,8 @@ const FilterComponent = ({
                           onChange={(value: any) => {
                             if (value) {
                               handleChangeForSearchable(filter, value.value);
+                            } else {
+                              handleChangeForSearchable(filter, '');
                             }
                           }}
                           isClearable={true}
@@ -1013,6 +1022,8 @@ const FilterComponent = ({
                           onChange={(value: any) => {
                             if (value) {
                               handleChangeForSearchable(filter, value.value);
+                            } else {
+                              handleChangeForSearchable(filter, '');
                             }
                           }}
                           isClearable={true}
@@ -1033,11 +1044,14 @@ const FilterComponent = ({
                           styles={selectStyles}
                           onInputChange={(e: any) => callActionForUsers(e)}
                           onChange={(value: any) => {
+                            console.log(value, 'valuevalue');
                             if (value) {
                               handleChangeForSearchable(filter, value.value);
+                            } else {
+                              handleChangeForSearchable(filter, '');
                             }
                           }}
-                          isClearable={true}
+                          isClearable
                           // value={'role'}
                           className={styles.searchableInput}
                           // classNamePrefix="select"

src/ui/layouts/pipelines/Pipelines/List/Status/index.tsx

@@ -37,7 +37,7 @@ export const Status: React.FC<{ pipeline: TPipeline }> = ({ pipeline }) => {
                           routePaths.run.pipeline.statistics(
                             selectedWorkspace,
                             item.run.id,
-                            item.run.pipeline_id,
+                            pipeline.id,
                           ),
                         );
                       }}
@@ -68,7 +68,7 @@ export const Status: React.FC<{ pipeline: TPipeline }> = ({ pipeline }) => {
                           routePaths.run.pipeline.statistics(
                             selectedWorkspace,
                             item.run.id,
-                            item.run.pipeline_id,
+                            pipeline.id,
                           ),
                         );
                       }}
@@ -99,7 +99,7 @@ export const Status: React.FC<{ pipeline: TPipeline }> = ({ pipeline }) => {
                           routePaths.run.pipeline.statistics(
                             selectedWorkspace,
                             item.run.id,
-                            item.run.pipeline_id,
+                            pipeline.id,
                           ),
                         );
                       }}
@@ -130,7 +130,7 @@ export const Status: React.FC<{ pipeline: TPipeline }> = ({ pipeline }) => {
                           routePaths.run.pipeline.statistics(
                             selectedWorkspace,
                             item.run.id,
-                            item.run.pipeline_id,
+                            pipeline.id,
                           ),
                         );
                       }}

src/ui/layouts/pipelines/Pipelines/List/index.tsx

@@ -61,9 +61,7 @@ export const List: React.FC<Props> = ({
     if (id) {
       history.push(routePaths.pipelines.list(selectedWorkspace));
     } else {
-      history.push(
-        routePaths.pipeline.configuration(pipeline.id, selectedWorkspace),
-      );
+      history.push(routePaths.pipeline.runs(selectedWorkspace, pipeline.id));
     }
   };