diff --git a/dqops/src/main/frontend/src/pages/TableMonitoringChecksUIFilterView/index.tsx b/dqops/src/main/frontend/src/pages/TableMonitoringChecksUIFilterView/index.tsx index ae635d4011..f2eb0d1075 100644 --- a/dqops/src/main/frontend/src/pages/TableMonitoringChecksUIFilterView/index.tsx +++ b/dqops/src/main/frontend/src/pages/TableMonitoringChecksUIFilterView/index.tsx @@ -1,7 +1,7 @@ import React, { useEffect, useState } from 'react'; import { useSelector } from 'react-redux'; import { CheckContainerModel, CheckResultsOverviewDataModel } from '../../api'; -import Button from "../../components/Button"; +import Button from '../../components/Button'; import DataQualityChecks from '../../components/DataQualityChecks'; import SvgIcon from '../../components/SvgIcon'; import { useActionDispatch } from '../../hooks/useActionDispatch'; @@ -9,14 +9,40 @@ import { getTableMonitoringChecksModelFilter, setTableUpdatedMonitoringChecksModelFilter } from '../../redux/actions/table.actions'; -import { getFirstLevelActiveTab, getFirstLevelState } from "../../redux/selectors"; -import { CheckResultOverviewApi, TableApiClient } from "../../services/apiClient"; -import { CheckTypes } from "../../shared/routes"; +import { + getFirstLevelActiveTab, + getFirstLevelState +} from '../../redux/selectors'; +import { + CheckResultOverviewApi, + TableApiClient +} from '../../services/apiClient'; +import { CheckTypes } from '../../shared/routes'; import { useDecodedParams } from '../../utils'; const TableMonitoringChecksUIFilterView = () => { - const { checkTypes, connection: connectionName, schema: schemaName, table: tableName, timePartitioned, category, checkName }: { checkTypes: CheckTypes, connection: string, schema: string, table: string, timePartitioned: 'daily' | 'monthly', category: string, checkName: string } = useDecodedParams(); - const { monitoringChecksUIFilter, isUpdatedMonitoringChecksUIFilter, loading } = useSelector(getFirstLevelState(checkTypes)); + const { + checkTypes, + connection: connectionName, + schema: schemaName, + table: tableName, + timePartitioned, + category, + checkName + }: { + checkTypes: CheckTypes; + connection: string; + schema: string; + table: string; + timePartitioned: 'daily' | 'monthly'; + category: string; + checkName: string; + } = useDecodedParams(); + const { + monitoringChecksUIFilter, + isUpdatedMonitoringChecksUIFilter, + loading + } = useSelector(getFirstLevelState(checkTypes)); const dispatch = useActionDispatch(); const [checkResultsOverview, setCheckResultsOverview] = useState< CheckResultsOverviewDataModel[] @@ -50,7 +76,14 @@ const TableMonitoringChecksUIFilterView = () => { checkName ) ); - }, [connectionName, schemaName, tableName, category, checkName]); + }, [ + connectionName, + schemaName, + tableName, + category, + checkName, + firstLevelActiveTab + ]); const onUpdate = async () => { setIsUpdating(true); diff --git a/dqops/src/main/frontend/src/pages/TablePartitionedChecksUIFilterView/index.tsx b/dqops/src/main/frontend/src/pages/TablePartitionedChecksUIFilterView/index.tsx index e631417369..0541684a4c 100644 --- a/dqops/src/main/frontend/src/pages/TablePartitionedChecksUIFilterView/index.tsx +++ b/dqops/src/main/frontend/src/pages/TablePartitionedChecksUIFilterView/index.tsx @@ -1,7 +1,7 @@ import React, { useEffect, useState } from 'react'; import { useSelector } from 'react-redux'; import { CheckContainerModel, CheckResultsOverviewDataModel } from '../../api'; -import Button from "../../components/Button"; +import Button from '../../components/Button'; import DataQualityChecks from '../../components/DataQualityChecks'; import SvgIcon from '../../components/SvgIcon'; import { useActionDispatch } from '../../hooks/useActionDispatch'; @@ -9,14 +9,40 @@ import { getTablePartitionedChecksModelFilter, setTableUpdatedPartitionedChecksModelFilter } from '../../redux/actions/table.actions'; -import { getFirstLevelActiveTab, getFirstLevelState } from "../../redux/selectors"; -import { CheckResultOverviewApi, TableApiClient } from "../../services/apiClient"; -import { CheckTypes } from "../../shared/routes"; +import { + getFirstLevelActiveTab, + getFirstLevelState +} from '../../redux/selectors'; +import { + CheckResultOverviewApi, + TableApiClient +} from '../../services/apiClient'; +import { CheckTypes } from '../../shared/routes'; import { useDecodedParams } from '../../utils'; const TablePartitionedChecksUIFilterView = () => { - const { checkTypes, connection: connectionName, schema: schemaName, table: tableName, timePartitioned, category, checkName }: { checkTypes: CheckTypes, connection: string, schema: string, table: string, timePartitioned: 'daily' | 'monthly', category: string, checkName: string } = useDecodedParams(); - const { partitionedChecksUIFilter, isUpdatedPartitionedChecksUIFilter, loading } = useSelector(getFirstLevelState(checkTypes)); + const { + checkTypes, + connection: connectionName, + schema: schemaName, + table: tableName, + timePartitioned, + category, + checkName + }: { + checkTypes: CheckTypes; + connection: string; + schema: string; + table: string; + timePartitioned: 'daily' | 'monthly'; + category: string; + checkName: string; + } = useDecodedParams(); + const { + partitionedChecksUIFilter, + isUpdatedPartitionedChecksUIFilter, + loading + } = useSelector(getFirstLevelState(checkTypes)); const dispatch = useActionDispatch(); const [checkResultsOverview, setCheckResultsOverview] = useState< CheckResultsOverviewDataModel[] @@ -50,7 +76,14 @@ const TablePartitionedChecksUIFilterView = () => { checkName ) ); - }, [connectionName, schemaName, tableName, category, checkName]); + }, [ + connectionName, + schemaName, + tableName, + category, + checkName, + firstLevelActiveTab + ]); const onUpdate = async () => { setIsUpdating(true); diff --git a/dqops/src/main/frontend/src/pages/TableProfilingChecksUIFilterView/index.tsx b/dqops/src/main/frontend/src/pages/TableProfilingChecksUIFilterView/index.tsx index f4378f3230..7bcaab81aa 100644 --- a/dqops/src/main/frontend/src/pages/TableProfilingChecksUIFilterView/index.tsx +++ b/dqops/src/main/frontend/src/pages/TableProfilingChecksUIFilterView/index.tsx @@ -1,7 +1,7 @@ import React, { useEffect, useState } from 'react'; import { useSelector } from 'react-redux'; import { CheckContainerModel, CheckResultsOverviewDataModel } from '../../api'; -import Button from "../../components/Button"; +import Button from '../../components/Button'; import DataQualityChecks from '../../components/DataQualityChecks'; import SvgIcon from '../../components/SvgIcon'; import { useActionDispatch } from '../../hooks/useActionDispatch'; @@ -9,21 +9,43 @@ import { getTableProfilingChecksModelFilter, setTableUpdatedProfilingChecksModelFilter } from '../../redux/actions/table.actions'; -import { getFirstLevelActiveTab, getFirstLevelState } from "../../redux/selectors"; -import { CheckResultOverviewApi, TableApiClient } from "../../services/apiClient"; -import { CheckTypes } from "../../shared/routes"; +import { + getFirstLevelActiveTab, + getFirstLevelState +} from '../../redux/selectors'; +import { + CheckResultOverviewApi, + TableApiClient +} from '../../services/apiClient'; +import { CheckTypes } from '../../shared/routes'; import { useDecodedParams } from '../../utils'; const TableProfilingChecksUIFilterView = () => { - const { checkTypes, connection: connectionName, schema: schemaName, table: tableName, category, checkName }: { checkTypes: CheckTypes, connection: string, schema: string, table: string, category: string, checkName: string } = useDecodedParams(); - const { checksUIFilter, isUpdatedChecksUIFilter, loading } = useSelector(getFirstLevelState(checkTypes)); + const { + checkTypes, + connection: connectionName, + schema: schemaName, + table: tableName, + category, + checkName + }: { + checkTypes: CheckTypes; + connection: string; + schema: string; + table: string; + category: string; + checkName: string; + } = useDecodedParams(); + const { checksUIFilter, isUpdatedChecksUIFilter, loading } = useSelector( + getFirstLevelState(checkTypes) + ); const dispatch = useActionDispatch(); const [checkResultsOverview, setCheckResultsOverview] = useState< CheckResultsOverviewDataModel[] >([]); const [isUpdating, setIsUpdating] = useState(false); const firstLevelActiveTab = useSelector(getFirstLevelActiveTab(checkTypes)); - + console.log(firstLevelActiveTab); const getCheckOverview = () => { CheckResultOverviewApi.getTableProfilingChecksOverview( connectionName, @@ -37,6 +59,7 @@ const TableProfilingChecksUIFilterView = () => { }; useEffect(() => { + console.log(connectionName, schemaName, tableName, category, checkName); dispatch( getTableProfilingChecksModelFilter( checkTypes, @@ -48,7 +71,14 @@ const TableProfilingChecksUIFilterView = () => { checkName ) ); - }, [connectionName, schemaName, tableName, category, checkName]); + }, [ + connectionName, + schemaName, + tableName, + category, + checkName, + firstLevelActiveTab + ]); const onUpdate = async () => { setIsUpdating(true); @@ -82,7 +112,7 @@ const TableProfilingChecksUIFilterView = () => { ) ); }; - + console.log(checksUIFilter); return ( <>