Fixed OR and AND operator from search and filter.

Author: talhainvenxion

src/ui/components/Filters/index.tsx

@@ -455,6 +455,7 @@ const FilterComponent = ({
     }
 
     setFilter([...filters]);
+    localStorage.setItem('logical_operator', JSON.stringify('and'));
   }
 
   function handleChangeForStatus(filter: any, value: string) {
@@ -467,6 +468,7 @@ const FilterComponent = ({
     filter.filterValue = value;
 
     setFilter([...filters]);
+    localStorage.setItem('logical_operator', JSON.stringify('and'));
   }
   function handleChangeForShared(filter: any, key: string, value: string) {
     //  handleValueFieldChange(filter, value)
@@ -482,6 +484,7 @@ const FilterComponent = ({
     }
 
     setFilter([...filters]);
+    localStorage.setItem('logical_operator', JSON.stringify('and'));
   }
   function handleChangeForSearchable(field: any, value: string) {
     // filter[key].selectedValue =
@@ -527,7 +530,7 @@ const FilterComponent = ({
 
     setFilter([...filters]);
 
-    console.log(filters, 'field');
+    localStorage.setItem('logical_operator', JSON.stringify('and'));
   }
 
   function addAnotherFilter() {
@@ -705,8 +708,10 @@ const FilterComponent = ({
           filterValue: value,
         },
       ]);
+      localStorage.setItem('logical_operator', JSON.stringify('or'));
     } else {
       setFilter([getInitials()]);
+      localStorage.setItem('logical_operator', JSON.stringify('and'));
     }
   }
 

src/ui/layouts/pipelines/PipelineDetail/useService.ts

@@ -69,13 +69,14 @@ export const callActionForPipelineRunsForPagination = () => {
     filters?: any[],
     sortby?: string,
   ) {
+    const logicalOperator = localStorage.getItem('logical_operator');
     let filtersParam = filterObjectForParam(filters);
     // console.log('aaaa', filters);
     setFetching(true);
     dispatch(
       pipelinesActions.allRunsByPipelineId({
         sort_by: sortby ? sortby : 'created',
-        logical_operator: Object.keys(filtersParam).length > 1 ? 'or' : 'and',
+        logical_operator: logicalOperator ? JSON.parse(logicalOperator) : 'and',
         pipelineId: id,
         page: page,
         size: size,

src/ui/layouts/pipelines/Pipelines/useService.ts

@@ -78,11 +78,11 @@ export const callActionForPipelinesForPagination = () => {
   ) {
     let filtersParam: any = filterObjectForParam(filters);
     setFetchingForPipeline(true);
-    // debugger;
+    const logicalOperator = localStorage.getItem('logical_operator');
     dispatch(
       pipelinesActions.getMy({
         sort_by: sortby ? sortby : 'created',
-        logical_operator: Object.keys(filtersParam).length > 1 ? 'or' : 'and',
+        logical_operator: logicalOperator ? JSON.parse(logicalOperator) : 'and',
         page: page,
         size: size,
         filtersParam,
@@ -114,14 +114,15 @@ export const callActionForAllrunsForPagination = () => {
     filters?: any[],
     sortby?: string,
   ) {
+    const logicalOperator = localStorage.getItem('logical_operator');
     let filtersParam = filterObjectForParam(filters);
 
     setFetchingForAllRuns(true);
     dispatch(
       runsActions.allRuns({
         project: selectedProject,
         sort_by: sortby ? sortby : 'created',
-        logical_operator: Object.keys(filtersParam).length > 1 ? 'or' : 'and',
+        logical_operator: logicalOperator ? JSON.parse(logicalOperator) : 'and',
         page: page,
         size: size,
         filtersParam,

src/ui/layouts/stackComponents/StackDetail/useService.ts

@@ -74,14 +74,15 @@ export const callActionForStackComponentRunsForPagination = () => {
     filters?: any[],
     sortby?: string,
   ) {
+    const logicalOperator = localStorage.getItem('logical_operator');
     let filtersParam = filterObjectForParam(filters);
     console.log(page, size, 'page,size');
     // debugger;
     setFetching(true);
     dispatch(
       stackComponentsActions.allRunsByStackComponentId({
         sort_by: sortby ? sortby : 'created',
-        logical_operator: Object.keys(filtersParam).length > 1 ? 'or' : 'and',
+        logical_operator: logicalOperator ? JSON.parse(logicalOperator) : 'and',
         stackComponentId: id,
         page: page,
         size: size,

src/ui/layouts/stackComponents/Stacks/useService.ts

@@ -63,14 +63,16 @@ export const callActionForStackComponentsForPagination = () => {
     filters?: any[],
     sortby?: string,
   ) {
+    const logicalOperator = localStorage.getItem('logical_operator');
+
     let filtersParam = filterObjectForParam(filters);
     setFetching(true);
     dispatch(
       stackComponentsActions.getMy({
         project: selectedProject ? selectedProject : locationPath.split('/')[2],
         type: locationPath.split('/')[4],
         sort_by: sortby ? sortby : 'created',
-        logical_operator: Object.keys(filtersParam).length > 1 ? 'or' : 'and',
+        logical_operator: logicalOperator ? JSON.parse(logicalOperator) : 'and',
         page: page,
         size: size,
         filtersParam,

src/ui/layouts/stacks/StackDetail/useService.ts

@@ -68,14 +68,15 @@ export const callActionForStackRunsForPagination = () => {
     filters?: any[],
     sortby?: string,
   ) {
+    const logicalOperator = localStorage.getItem('logical_operator');
     let filtersParam = filterObjectForParam(filters);
 
     console.log('aaaa', filters);
     setFetching(true);
     dispatch(
       stacksActions.allRunsByStackId({
         sort_by: sortby ? sortby : 'created',
-        logical_operator: Object.keys(filtersParam).length > 1 ? 'or' : 'and',
+        logical_operator: logicalOperator ? JSON.parse(logicalOperator) : 'and',
         stackId: id,
         page: page,
         size: size,

src/ui/layouts/stacks/Stacks/useService.ts

@@ -55,14 +55,15 @@ export const callActionForStacksForPagination = () => {
     filters?: any[],
     sortby?: string,
   ) {
+    const logicalOperator = localStorage.getItem('logical_operator');
     let filtersParam = filterObjectForParam(filters);
 
     setFetching(true);
     dispatch(
       stacksActions.getMy({
         project: selectedProject,
         sort_by: sortby ? sortby : 'created',
-        logical_operator: Object.keys(filtersParam).length > 1 ? 'or' : 'and',
+        logical_operator: logicalOperator ? JSON.parse(logicalOperator) : 'and',
         page: page,
         size: size,
         filtersParam,