Fix classNames usage in HanaClusterDetails (#2112)

trento-project · Dec 19, 2023 · 694f4a6 · 694f4a6
1 parent baea761
commit 694f4a6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/assets/js/pages/ClusterDetails/HanaClusterDetails.jsx b/assets/js/pages/ClusterDetails/HanaClusterDetails.jsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { get, groupBy } from 'lodash';
+import classNames from 'classnames';
 
 import { RUNNING_STATES } from '@state/lastExecutions';
 
@@ -152,9 +153,10 @@ function HanaClusterDetails({
                 disabled={startExecutionDisabled}
               >
                 <EOS_PLAY_CIRCLE
-                  className={`${
-                    !startExecutionDisabled ? 'fill-white' : 'fill-gray-200'
-                  } inline-block align-sub`}
+                  className={classNames('inline-block align-sub', {
+                    'fill-white': !startExecutionDisabled,
+                    'fill-gray-200': startExecutionDisabled,
+                  })}
                 />{' '}
                 Start Execution
               </Button>

diff --git a/assets/js/pages/HostDetailsPage/HostDetails.jsx b/assets/js/pages/HostDetailsPage/HostDetails.jsx
@@ -145,7 +145,7 @@ function HostDetails({
                   disabled={!canStartExecution(selectedChecks, savingChecks)}
                 >
                   <EOS_PLAY_CIRCLE
-                    className={classNames('inline-block, align-sub', {
+                    className={classNames('inline-block align-sub', {
                       'fill-white': canStartExecution(
                         selectedChecks,
                         savingChecks