PR changes

Moving function to common file

Author: Hubert-Szczepanski-SAP

src/components/ControlPlane/ManagedResources.tsx

@@ -3,7 +3,6 @@ import {
   AnalyticalTable,
   AnalyticalTableColumnDefinition,
   AnalyticalTableScaleWidthMode,
-  Icon,
   Title,
 } from '@ui5/webcomponents-react';
 import useResource from '../../lib/api/useApiResource';
@@ -13,7 +12,7 @@ import IllustratedError from '../Shared/IllustratedError';
 import '@ui5/webcomponents-icons/dist/sys-enter-2';
 import '@ui5/webcomponents-icons/dist/sys-cancel-2';
 import { resourcesInterval } from '../../lib/shared/constants';
-import { StatusCellProps } from '../../lib/shared/interfaces';
+import { ResourceStatusCell } from '../Shared/ResourceStatusCell';
 
 interface CellData<T> {
   cell: {
@@ -140,14 +139,3 @@ export function ManagedResources() {
     </>
   );
 }
-
-function ResourceStatusCell({ value, transitionTime }: StatusCellProps) {
-  return (
-    <Icon
-      design={value ? 'Positive' : 'Negative'}
-      name={value ? 'sys-enter-2' : 'sys-cancel-2'}
-      showTooltip={true}
-      accessibleName={timeAgo.format(new Date(transitionTime))}
-    />
-  );
-}

src/components/ControlPlane/Providers.tsx

@@ -1,14 +1,14 @@
 
 import { useTranslation } from 'react-i18next';
-import { AnalyticalTable, AnalyticalTableColumnDefinition, AnalyticalTableScaleWidthMode, Icon, Title } from '@ui5/webcomponents-react';
+import { AnalyticalTable, AnalyticalTableColumnDefinition, AnalyticalTableScaleWidthMode, Title } from '@ui5/webcomponents-react';
 import useResource from '../../lib/api/useApiResource';
 import IllustratedError from '../Shared/IllustratedError';
 import '@ui5/webcomponents-icons/dist/sys-enter-2';
 import '@ui5/webcomponents-icons/dist/sys-cancel-2';
 import { ProvidersListRequest } from '../../lib/api/types/crossplane/listProviders';
 import { resourcesInterval } from '../../lib/shared/constants';
 import { timeAgo } from '../../utils/i18n/timeAgo';
-import { StatusCellProps } from '../../lib/shared/interfaces';
+import { ResourceStatusCell } from '../Shared/ResourceStatusCell';
 
 interface CellData<T> {
   cell: {
@@ -109,13 +109,4 @@ export function Providers() {
       }
     </>
   )
-}
-
-function ResourceStatusCell({ value, transitionTime }: StatusCellProps) {
-  return <Icon
-    design={value ? 'Positive' : 'Negative'}
-    name={value ? 'sys-enter-2' : 'sys-cancel-2'}
-    showTooltip={true}
-    accessibleName={timeAgo.format(new Date(transitionTime))}
-  />
-}
+}

src/components/Shared/ResourceStatusCell.tsx

@@ -0,0 +1,14 @@
+import { Icon } from "@ui5/webcomponents-react";
+import { StatusCellProps } from "../../lib/shared/interfaces";
+import { timeAgo } from "../../utils/i18n/timeAgo";
+
+export function ResourceStatusCell({ value, transitionTime }: StatusCellProps) {
+    return (
+      <Icon
+        design={value ? 'Positive' : 'Negative'}
+        name={value ? 'sys-enter-2' : 'sys-cancel-2'}
+        showTooltip={true}
+        accessibleName={timeAgo.format(new Date(transitionTime))}
+      />
+    );
+  }