A test PR (#21)

Author: yaacov

src/components/status/VMStatusConditionLabel/VMStatusConditionLabel.tsx

@@ -1,28 +1,35 @@
 import * as React from 'react';
 
-import { V1VirtualMachineCondition } from '@kubevirt-ui/kubevirt-api/kubevirt';
 import { Label, Popover, PopoverPosition } from '@patternfly/react-core';
 
-export const VMStatusConditionLabel: React.FC<V1VirtualMachineCondition> = React.memo(
-  (condition) => {
-    const preventLabelLink = React.useCallback((e) => e.preventDefault(), []);
+interface k8sStatusConditions {
+  type: string;
+  status?: string;
+  reason?: string;
+  message?: string;
+}
 
-    const getBodyContent = React.useCallback(
-      () => <div>{condition?.message}</div>,
-      [condition?.message],
-    );
+/**
+ * ConditionLabel renders a k8sStatusConditions
+ */
+export const ConditionLabel: React.FC<k8sStatusConditions> = React.memo((condition) => {
+  const preventLabelLink = React.useCallback((e) => e.preventDefault(), []);
 
-    return (
-      <Popover
-        position={PopoverPosition.top}
-        aria-label="Condition Popover"
-        bodyContent={getBodyContent}
-      >
-        <Label color="grey" isTruncated href="#" onClick={preventLabelLink}>
-          {condition?.reason}={condition?.status}
-        </Label>
-      </Popover>
-    );
-  },
-);
-VMStatusConditionLabel.displayName = 'VMStatusConditionLabel';
+  const getBodyContent = React.useCallback(
+    () => <div>{condition?.message}</div>,
+    [condition?.message],
+  );
+
+  return (
+    <Popover
+      position={PopoverPosition.top}
+      aria-label="Condition Popover"
+      bodyContent={getBodyContent}
+    >
+      <Label color="grey" isTruncated href="#" onClick={preventLabelLink}>
+        {condition?.reason}={condition?.status}
+      </Label>
+    </Popover>
+  );
+});
+ConditionLabel.displayName = 'ConditionLabel';

src/components/status/VMStatusConditionLabelList/VMStatusConditionLabelList.tsx

@@ -3,10 +3,10 @@ import * as React from 'react';
 import { V1VirtualMachineCondition } from '@kubevirt-ui/kubevirt-api/kubevirt';
 import { LabelGroup } from '@patternfly/react-core';
 
-import { VMStatusConditionLabel } from '../VMStatusConditionLabel/VMStatusConditionLabel';
+import { ConditionLabel } from '../VMStatusConditionLabel/VMStatusConditionLabel';
 
 /**
- * VirtualMachineCondition represents the state of VirtualMachine
+ * VirtualMachineCondition renders a list of a k8s resource conditions
  * */
 export interface VMStatusConditionLabelListProps {
   conditions: V1VirtualMachineCondition[];
@@ -17,7 +17,7 @@ export const VMStatusConditionLabelList: React.FC<VMStatusConditionLabelListProp
     return (
       <LabelGroup>
         {conditions.map(({ message, reason, status, type }) => (
-          <VMStatusConditionLabel
+          <ConditionLabel
             key={type}
             message={message}
             reason={reason}