fix yarn lint

Author: yoonhyejin

datahub-web-react/src/app/entity/dataProcessInstance/DataProcessInstanceEntity.tsx

@@ -1,5 +1,12 @@
+import React from 'react';
 import { ApiOutlined } from '@ant-design/icons';
-import { DataJob, DataProcessInstance, EntityType, OwnershipType, SearchResult } from '../../../types.generated';
+import {
+    DataProcessInstance,
+    Entity as GeneratedEntity,
+    EntityType,
+    OwnershipType,
+    SearchResult,
+} from '../../../types.generated';
 import { Preview } from './preview/Preview';
 import { Entity, EntityCapabilityType, IconStyleType, PreviewType } from '../Entity';
 import { EntityProfile } from '../shared/containers/profile/EntityProfile';
@@ -18,24 +25,30 @@ import DataProductSection from '../shared/containers/profile/sidebar/DataProduct
 import { getDataProduct } from '../shared/utils';
 // import SummaryTab from './profile/DataProcessInstaceSummary';
 
-const getProcessPlatformName = (data?: DataProcessInstance): string => {
-    return (
-        data?.dataPlatformInstance?.platform?.properties?.displayName ||
-        capitalizeFirstLetterOnly(data?.dataPlatformInstance?.platform?.name) ||
-        ''
-    );
-};
+// const getProcessPlatformName = (data?: DataProcessInstance): string => {
+//     return (
+//         data?.dataPlatformInstance?.platform?.properties?.displayName ||
+//         capitalizeFirstLetterOnly(data?.dataPlatformInstance?.platform?.name) ||
+//         ''
+//     );
+// };
 
-const getParentEntities = (data: DataProcessInstance): Entity<DataJob>[] => {
+const getParentEntities = (data: DataProcessInstance): GeneratedEntity[] => {
     const parentEntity = data?.relationships?.relationships?.find(
         (rel) => rel.type === 'InstanceOf' && rel.entity?.type === EntityType.DataJob,
     );
 
-    const containerEntity = data?.container?.entity;
+    if (!parentEntity?.entity) return [];
 
-    return parentEntity ? [parentEntity.entity as Entity<DataJob>] : []; // TODO: HACK
+    // Convert to GeneratedEntity
+    return [
+        {
+            type: parentEntity.entity.type,
+            urn: (parentEntity.entity as any).urn, // Make sure urn exists
+            relationships: (parentEntity.entity as any).relationships,
+        },
+    ];
 };
-
 /**
  * Definition of the DataHub DataProcessInstance entity.
  */
@@ -204,9 +217,9 @@ export class DataProcessInstanceEntity implements Entity<DataProcessInstance> {
                 parentContainers={data.parentContainers}
                 parentEntities={parentEntities}
                 container={data.container || undefined}
-                duration={data?.state[0]?.durationMillis}
-                status={data?.state[0]?.result?.resultType}
-                startTime={data?.state[0]?.timestampMillis}
+                // duration={data?.state?.[0]?.durationMillis}
+                // status={data?.state?.[0]?.result?.resultType}
+                // startTime={data?.state?.[0]?.timestampMillis}
                 //                health={data.health}
             />
         );
@@ -248,4 +261,4 @@ export class DataProcessInstanceEntity implements Entity<DataProcessInstance> {
             EntityCapabilityType.DATA_PRODUCTS,
         ]);
     };
-}
+}

datahub-web-react/src/app/entity/dataProcessInstance/preview/Preview.tsx

@@ -1,11 +1,9 @@
 import React from 'react';
-import styled from 'styled-components';
-import { Typography } from 'antd';
 import {
     DataProduct,
     Deprecation,
     Domain,
-    Entity,
+    Entity as GeneratedEntity,
     EntityPath,
     EntityType,
     GlobalTags,
@@ -18,11 +16,6 @@ import {
 import DefaultPreviewCard from '../../../preview/DefaultPreviewCard';
 import { useEntityRegistry } from '../../../useEntityRegistry';
 import { IconStyleType } from '../../Entity';
-import { ANTD_GRAY } from '../../shared/constants';
-
-const StatText = styled(Typography.Text)`
-    color: ${ANTD_GRAY[8]};
-`;
 
 export const Preview = ({
     urn,
@@ -46,18 +39,18 @@ export const Preview = ({
     health,
     parentEntities,
     parentContainers,
-    duration,
-    status,
-    startTime,
-}: {
+}: // duration,
+// status,
+// startTime,
+{
     urn: string;
     name: string;
     subType?: string | null;
     description?: string | null;
     platformName?: string;
     platformLogo?: string | null;
     platformInstanceId?: string;
-    container?: Container | null;
+    container?: Container;
     owners?: Array<Owner> | null;
     domain?: Domain | null;
     dataProduct?: DataProduct | null;
@@ -69,11 +62,11 @@ export const Preview = ({
     degree?: number;
     paths?: EntityPath[];
     health?: Health[] | null;
-    parentEntities?: Entity[] | null;
+    parentEntities?: Array<GeneratedEntity> | null;
     parentContainers?: ParentContainersResult | null;
-    duration?: number | null;
-    status?: string | null;
-    startTime?: number | null;
+    // duration?: number | null;
+    // status?: string | null;
+    // startTime?: number | null;
 }): JSX.Element => {
     const entityRegistry = useEntityRegistry();
     return (
@@ -102,9 +95,9 @@ export const Preview = ({
             paths={paths}
             health={health || undefined}
             parentEntities={parentEntities}
-            duration={duration}
-            status={status}
-            startTime={startTime}
+            // duration={duration}
+            // status={status}
+            // startTime={startTime}
         />
     );
-};
+};