diff --git a/datahub-web-react/src/app/entity/shared/tabs/Dataset/Validations/AssertionMenu.tsx b/datahub-web-react/src/app/entity/shared/tabs/Dataset/Validations/AssertionMenu.tsx new file mode 100644 index 0000000000..9d8231d4df --- /dev/null +++ b/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 ( +
+ ); +} diff --git a/datahub-web-react/src/app/entity/shared/tabs/Dataset/Validations/DatasetAssertionsList.tsx b/datahub-web-react/src/app/entity/shared/tabs/Dataset/Validations/DatasetAssertionsList.tsx index b0216eec34..05fc2d1c49 100644 --- a/datahub-web-react/src/app/entity/shared/tabs/Dataset/Validations/DatasetAssertionsList.tsx +++ b/datahub-web-react/src/app/entity/shared/tabs/Dataset/Validations/DatasetAssertionsList.tsx @@ -1,7 +1,7 @@ -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'; @@ -9,6 +9,7 @@ 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