init

Author: lucasgoral

src/components/ControlPlane/FluxList.tsx

@@ -10,6 +10,7 @@ import { ResourceStatusCell } from '../Shared/ResourceStatusCell.tsx';
 import { YamlViewButton } from '../Yaml/YamlViewButton.tsx';
 import { useMemo } from 'react';
 import StatusFilter from '../Shared/StatusFilter/StatusFilter.tsx';
+import { ResourceStatusCellWithButton } from '../Shared/ResourceStatusCellWithButton.tsx';
 
 export default function FluxList() {
   const { data: gitReposData, error: repoErr, isLoading: repoIsLoading } = useApiResource(FluxRequest); //404 if component not enabled
@@ -36,6 +37,7 @@ export default function FluxList() {
     isReady: boolean;
     statusUpdateTime?: string;
     item: unknown;
+    status: unknown;
   };
 
   const gitReposColumns: AnalyticalTableColumnDefinition[] = useMemo(
@@ -102,12 +104,21 @@ export default function FluxList() {
         Filter: ({ column }) => <StatusFilter column={column} />,
         Cell: (cellData: CellData<FluxRow['isReady']>) =>
           cellData.cell.row.original?.isReady != null ? (
-            <ResourceStatusCell
-              value={cellData.cell.row.original?.isReady}
-              transitionTime={
-                cellData.cell.row.original?.statusUpdateTime ? cellData.cell.row.original?.statusUpdateTime : ''
-              }
-            />
+            <span>
+              <ResourceStatusCell
+                value={cellData.cell.row.original?.isReady}
+                transitionTime={
+                  cellData.cell.row.original?.statusUpdateTime ? cellData.cell.row.original?.statusUpdateTime : ''
+                }
+              />
+              <ResourceStatusCellWithButton
+                value={cellData.cell.row.original?.isReady}
+                transitionTime={
+                  cellData.cell.row.original?.statusUpdateTime ? cellData.cell.row.original?.statusUpdateTime : ''
+                }
+                errorMessage={cellData.cell.row.original?.status?.message}
+              />
+            </span>
           ) : null,
       },
 
@@ -141,6 +152,7 @@ export default function FluxList() {
         revision: shortenCommitHash(item.status.artifact?.revision ?? '-'),
         created: timeAgo.format(new Date(item.metadata.creationTimestamp)),
         item: item,
+        status: item.status?.conditions?.find((x) => x.type === 'Ready'),
       };
     }) ?? [];
 
@@ -152,6 +164,7 @@ export default function FluxList() {
         statusUpdateTime: item.status?.conditions?.find((x) => x.type === 'Ready')?.lastTransitionTime,
         created: timeAgo.format(new Date(item.metadata.creationTimestamp)),
         item: item,
+        status: item.status?.conditions?.find((x) => x.type === 'Ready'),
       };
     }) ?? [];
 

src/components/Shared/ResourceStatusCellWithButton.tsx

@@ -0,0 +1,22 @@
+import { Icon } from '@ui5/webcomponents-react';
+import { timeAgo } from '../../utils/i18n/timeAgo';
+export interface StatusCellProps {
+  value: boolean;
+  transitionTime: string;
+  errorMessage?: string;
+}
+
+export const ResourceStatusCellWithButton = ({ value, transitionTime, errorMessage }: StatusCellProps) => {
+  // if (!value) {
+  console.log(errorMessage);
+  // }
+  alert(errorMessage);
+  return (
+    <Icon
+      design={value ? 'Positive' : 'Negative'}
+      name={value ? 'sys-enter-2' : 'sys-cancel-2'}
+      showTooltip={true}
+      accessibleName={transitionTime ? timeAgo.format(new Date(transitionTime)) : '-'}
+    />
+  );
+};

src/components/Yaml/YamlViewButton.tsx

@@ -16,6 +16,7 @@ export const YamlViewButton: FC<YamlViewButtonProps> = ({ resourceObject }) => {
   const [isOpen, setIsOpen] = useState(false);
   const { t } = useTranslation();
   const resource = resourceObject as Resource;
+  console.log(removeManagedFieldsProperty(resource));
   const yamlString = useMemo(() => {
     return stringify(removeManagedFieldsProperty(resource));
   }, [resource]);

src/lib/api/types/flux/listKustomization.ts

@@ -17,6 +17,7 @@ export type KustomizationsResponse = {
         };
         conditions: [
           {
+            message: string;
             status: string;
             type: string;
             lastTransitionTime: string;