fix

Author: lucasgoral

src/components/ControlPlane/FluxList.tsx

@@ -66,7 +66,7 @@ export default function FluxList() {
             <ResourceStatusCell
               positiveText={t('common.ready')}
               negativeText={t('errors.error')}
-              value={cellData.cell.row.original?.isReady}
+              isOk={cellData.cell.row.original?.isReady}
               transitionTime={
                 cellData.cell.row.original?.statusUpdateTime ? cellData.cell.row.original?.statusUpdateTime : ''
               }
@@ -110,7 +110,7 @@ export default function FluxList() {
             <ResourceStatusCell
               positiveText={t('common.ready')}
               negativeText={t('common.error')}
-              value={cellData.cell.row.original?.isReady}
+              isOk={cellData.cell.row.original?.isReady}
               transitionTime={
                 cellData.cell.row.original?.statusUpdateTime ? cellData.cell.row.original?.statusUpdateTime : ''
               }

src/components/ControlPlane/ManagedResources.tsx

@@ -74,7 +74,7 @@ export function ManagedResources() {
         Cell: (cellData: CellData<ResourceRow['synced']>) =>
           cellData.cell.row.original?.synced != null ? (
             <ResourceStatusCell
-              value={cellData.cell.row.original?.synced}
+              isOk={cellData.cell.row.original?.synced}
               transitionTime={cellData.cell.row.original?.syncedTransitionTime}
               positiveText={t('common.synced')}
               negativeText={t('errors.syncError')}
@@ -91,7 +91,7 @@ export function ManagedResources() {
         Cell: (cellData: CellData<ResourceRow['ready']>) =>
           cellData.cell.row.original?.ready != null ? (
             <ResourceStatusCell
-              value={cellData.cell.row.original?.ready}
+              isOk={cellData.cell.row.original?.ready}
               transitionTime={cellData.cell.row.original?.readyTransitionTime}
               positiveText={t('common.ready')}
               negativeText={'Not ready'}

src/components/ControlPlane/Providers.tsx

@@ -77,7 +77,7 @@ export function Providers() {
         Cell: (cellData: CellData<ProvidersRow['installed']>) =>
           cellData.cell.row.original?.installed != null ? (
             <ResourceStatusCell
-              value={cellData.cell.row.original?.installed === 'true'}
+              isOk={cellData.cell.row.original?.installed === 'true'}
               transitionTime={cellData.cell.row.original?.installedTransitionTime}
               positiveText={t('common.installed')}
               negativeText={t('errors.installError')}
@@ -95,7 +95,7 @@ export function Providers() {
         Cell: (cellData: CellData<ProvidersRow['healthy']>) =>
           cellData.cell.row.original?.installed != null ? (
             <ResourceStatusCell
-              value={cellData.cell.row.original?.healthy === 'true'}
+              isOk={cellData.cell.row.original?.healthy === 'true'}
               transitionTime={cellData.cell.row.original?.healthyTransitionTime}
               positiveText={t('common.healthy')}
               negativeText={t('errors.notHealthy')}

src/components/Shared/ResourceStatusCell.tsx

@@ -5,14 +5,14 @@ import { AnimatedHoverTextButton } from '../Helper/AnimatedHoverTextButton.tsx';
 import PopoverPlacement from '@ui5/webcomponents/dist/types/PopoverPlacement.js';
 
 export interface ResourceStatusCellProps {
-  value: boolean;
+  isOk: boolean;
   transitionTime: string;
   message?: string;
   positiveText: string;
   negativeText: string;
 }
 export const ResourceStatusCell = ({
-  value,
+  isOk,
   transitionTime,
   message,
   positiveText,
@@ -33,13 +33,13 @@ export const ResourceStatusCell = ({
       <AnimatedHoverTextButton
         icon={
           <Icon
-            design={value ? 'Positive' : 'Negative'}
-            name={value ? 'sys-enter-2' : 'sys-cancel-2'}
+            design={isOk ? 'Positive' : 'Negative'}
+            name={isOk ? 'sys-enter-2' : 'sys-cancel-2'}
             showTooltip={true}
             accessibleName={transitionTime ? timeAgo.format(new Date(transitionTime)) : '-'}
           />
         }
-        text={value ? positiveText : negativeText}
+        text={isOk ? positiveText : negativeText}
         onClick={handleOpenerClick}
       />
       <ResponsivePopover ref={popoverRef} open={open} placement={PopoverPlacement.Bottom}>
@@ -66,7 +66,7 @@ export const ResourceStatusCell = ({
           <Icon
             name={'date-time'}
             style={{
-              color: value ? 'var(--sapPositiveTextColor)' : 'var(--sapNegativeTextColor)',
+              color: isOk ? 'var(--sapPositiveTextColor)' : 'var(--sapNegativeTextColor)',
             }}
           />
           <Text
@@ -75,7 +75,7 @@ export const ResourceStatusCell = ({
               textAlign: 'left',
               lineHeight: '1.5em',
               fontWeight: 'bold',
-              color: value ? 'var(--sapPositiveTextColor)' : 'var(--sapNegativeTextColor)',
+              color: isOk ? 'var(--sapPositiveTextColor)' : 'var(--sapNegativeTextColor)',
             }}
           >
             {timeAgo.format(new Date(transitionTime))}