datahub/datahub-web-react/src/app/entity/EntityPage.tsx

import React from 'react';
import { useParams } from 'react-router-dom';
import { EntityType } from '../../types.generated';
import { BrowsableEntityPage } from '../browse/BrowsableEntityPage';
import { useEntityRegistry } from '../useEntityRegistry';

interface RouteParams {
    urn: string;
}

interface Props {
    entityType: EntityType;
}

/**
 * Responsible for rendering an Entity Profile
 */
export const EntityPage = ({ entityType }: Props) => {
    const { urn } = useParams<RouteParams>();
    const entityRegistry = useEntityRegistry();

    return (
        <BrowsableEntityPage urn={urn} type={entityType}>
            {entityRegistry.renderProfile(entityType, urn)}
        </BrowsableEntityPage>
    );
};