feat(ui): Allow copying assertion urn from the UI (datahub-project#9523)

Author: sumitappt

datahub-web-react/src/app/entity/shared/tabs/Dataset/Validations/AssertionMenu.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Menu } from 'antd';
+import CopyUrnMenuItem from '../../../../../shared/share/items/CopyUrnMenuItem';
+
+
+interface AssertionMenuProps {
+    urn: string;
+}
+
+export default function AssertionMenu({urn} : AssertionMenuProps){
+ return (
+    <Menu>
+        <CopyUrnMenuItem key="1" urn={urn} type="Assertion" />
+    </Menu>
+    );
+}

datahub-web-react/src/app/entity/shared/tabs/Dataset/Validations/DatasetAssertionsList.tsx

@@ -1,14 +1,15 @@
-import { Button, Empty, Image, message, Modal, Tag, Tooltip, Typography } from 'antd';
+import { Button, Dropdown, Empty, Image, message, Modal, Tag, Tooltip, Typography } from 'antd';
 import React from 'react';
 import styled from 'styled-components';
-import { DeleteOutlined, DownOutlined, RightOutlined, StopOutlined } from '@ant-design/icons';
+import { DeleteOutlined, DownOutlined, MoreOutlined, RightOutlined, StopOutlined } from '@ant-design/icons';
 import { DatasetAssertionDescription } from './DatasetAssertionDescription';
 import { StyledTable } from '../../../components/styled/StyledTable';
 import { DatasetAssertionDetails } from './DatasetAssertionDetails';
 import { Assertion, AssertionRunStatus } from '../../../../../../types.generated';
 import { getResultColor, getResultIcon, getResultText } from './assertionUtils';
 import { useDeleteAssertionMutation } from '../../../../../../graphql/assertion.generated';
 import { capitalizeFirstLetterOnly } from '../../../../../shared/textUtil';
+import AssertionMenu from './AssertionMenu';
 
 const ResultContainer = styled.div`
     display: flex;
@@ -30,6 +31,10 @@ const PlatformContainer = styled.div`
     margin-right: 8px;
 `;
 
+const StyledMoreOutlined = styled(MoreOutlined)`
+    font-size: 18px;
+`;
+
 type Props = {
     assertions: Array<Assertion>;
     onDelete?: (urn: string) => void;
@@ -141,6 +146,14 @@ export const DatasetAssertionsList = ({ assertions, onDelete }: Props) => {
                     <Button onClick={() => onDeleteAssertion(record.urn)} type="text" shape="circle" danger>
                         <DeleteOutlined />
                     </Button>
+                    <Dropdown
+                        overlay={
+                            <AssertionMenu urn={record.urn}/>
+                        }
+                        trigger={['click']}
+                    >
+                        <StyledMoreOutlined />
+                    </Dropdown>
                 </ActionButtonContainer>
             ),
         },