fixes

Author: lucasgoral

src/components/ControlPlane/FluxList.tsx

@@ -11,7 +11,6 @@ import { YamlViewButton } from '../Yaml/YamlViewButton.tsx';
 import { useMemo } from 'react';
 import StatusFilter from '../Shared/StatusFilter/StatusFilter.tsx';
 import { ResourceStatusCellWithButton } from '../Shared/ResourceStatusCellWithButton.tsx';
-import { s } from 'vitest/dist/chunks/reporters.d.BFLkQcL6';
 
 export default function FluxList() {
   const { data: gitReposData, error: repoErr, isLoading: repoIsLoading } = useApiResource(FluxRequest); //404 if component not enabled

src/components/ControlPlane/Providers.tsx

@@ -12,7 +12,7 @@ import IllustratedError from '../Shared/IllustratedError';
 import { ProvidersListRequest } from '../../lib/api/types/crossplane/listProviders';
 import { resourcesInterval } from '../../lib/shared/constants';
 import { timeAgo } from '../../utils/i18n/timeAgo';
-import { ResourceStatusCell } from '../Shared/ResourceStatusCell';
+
 import { YamlViewButton } from '../Yaml/YamlViewButton.tsx';
 
 import '@ui5/webcomponents-icons/dist/sys-enter-2';

src/components/Shared/ResourceStatusCellWithButton.tsx

@@ -48,20 +48,36 @@ export const ResourceStatusCellWithButton = ({
             maxWidth: '60ch',
             textAlign: 'left',
             lineHeight: '1.5em',
-            color: value ? 'var(--sapPositiveTextColor)' : 'var(--sapNegativeTextColor)',
           }}
         >
           {message}
         </Text>
 
         <FlexBox
-          style={{ borderTop: '1px solid gray', paddingTop: '1rem', marginTop: '1rem' }}
+          style={{
+            borderTop: '1px solid gray',
+            paddingTop: '1rem',
+            marginTop: '1rem',
+          }}
           justifyContent={'Start'}
           alignItems={'Center'}
-          gap={16}
+          gap={12}
         >
-          <Icon name={'date-time'} />
-          <Text style={{ maxWidth: '60ch', textAlign: 'left', lineHeight: '1.5em', fontWeight: 'bold' }}>
+          <Icon
+            name={'date-time'}
+            style={{
+              color: value ? 'var(--sapPositiveTextColor)' : 'var(--sapNegativeTextColor)',
+            }}
+          />
+          <Text
+            style={{
+              maxWidth: '60ch',
+              textAlign: 'left',
+              lineHeight: '1.5em',
+              fontWeight: 'bold',
+              color: value ? 'var(--sapPositiveTextColor)' : 'var(--sapNegativeTextColor)',
+            }}
+          >
             {timeAgo.format(new Date(transitionTime))}
           </Text>
         </FlexBox>

src/spaces/mcp/pages/McpPage.tsx

@@ -73,7 +73,6 @@ export default function McpPage() {
                       gap: '0.5rem',
                     }}
                   >
-                    here
                     <MCPHealthPopoverButton
                       mcpStatus={mcp?.status}
                       projectName={projectName}