Add temporary new settings_new route

trento-project · Nov 10, 2022 · d305245 · d305245
1 parent 6fed75a
commit d305245
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/assets/js/components/ClusterDetails/ClusterSettings.jsx b/assets/js/components/ClusterDetails/ClusterSettings.jsx
@@ -8,6 +8,7 @@ import classNames from 'classnames';
 import BackButton from '@components/BackButton';
 import { Tab } from '@headlessui/react';
 import { ChecksSelection } from '@components/ClusterDetails/ChecksSelection';
+import ChecksSelectionNew from '@components/ClusterDetails/ChecksSelectionNew';
 import { ConnectionSettings } from '@components/ClusterDetails/ConnectionSettings';
 import { getCluster } from '@state/selectors';
 import TriggerChecksExecutionRequest from '@components/TriggerChecksExecutionRequest';
@@ -17,13 +18,15 @@ import WarningBanner from '@components/Banners/WarningBanner';
 
 export const UNKNOWN_PROVIDER = 'unknown';
 
-export const ClusterSettings = () => {
+export const ClusterSettings = ({ newChecksSelectionView = false }) => {
   const { clusterID } = useParams();
 
   const cluster = useSelector(getCluster(clusterID));
 
   const tabsSettings = {
-    'Checks Selection': (
+    'Checks Selection': newChecksSelectionView ? (
+      <ChecksSelectionNew clusterId={clusterID} cluster={cluster} />
+    ) : (
       <ChecksSelection clusterId={clusterID} cluster={cluster} />
     ),
     'Connection Settings': (

diff --git a/assets/js/trento.jsx b/assets/js/trento.jsx
@@ -56,6 +56,10 @@ const App = () => {
                 path="clusters/:clusterID/settings"
                 element={<ClusterSettings />}
               />
+              <Route
+                path="clusters/:clusterID/settings_new"
+                element={<ClusterSettings newChecksSelectionView={true} />}
+              />
               <Route
                 path="clusters/:clusterID/checks/results"
                 element={<ChecksResults />}