yujunjun/OpenMetadata
1
0
Fork 0
mirror of https://github.com/open-metadata/OpenMetadata.git synced 2025-08-24 17:08:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

GEN-2073: Not able to copy full logs from log viewer (#18771)

Browse Source
This commit is contained in:
Shailesh Parmar 2024-11-25 17:41:46 +05:30 committed by GitHub
parent 151c1bbdb3
commit e6cc1ac48c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 24 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
openmetadata-ui/src/main/resources/ui/src/components/common/TestConnection/ConnectionStepCard/ConnectionStepCard.tsx
View File

@ -12,7 +12,7 @@
*/
import { InfoCircleOutlined } from '@ant-design/icons';
import Icon from '@ant-design/icons/lib/components/Icon';
import { Collapse, Divider, Space, Tooltip, Typography } from 'antd';
import { Button, Collapse, Divider, Space, Tooltip, Typography } from 'antd';
import classNames from 'classnames';
import { isUndefined } from 'lodash';
import React from 'react';
@ -20,9 +20,11 @@ import { useTranslation } from 'react-i18next';
import { LazyLog } from 'react-lazylog';
import { ReactComponent as AttentionIcon } from '../../../../assets/svg/attention.svg';
import { ReactComponent as FailIcon } from '../../../../assets/svg/fail-badge.svg';
import { ReactComponent as CopyIcon } from '../../../../assets/svg/icon-copy.svg';
import { ReactComponent as SuccessIcon } from '../../../../assets/svg/success-badge.svg';
import { TestConnectionStepResult } from '../../../../generated/entity/automations/workflow';
import { TestConnectionStep } from '../../../../generated/entity/services/connections/testConnectionDefinition';
import { useClipboard } from '../../../../hooks/useClipBoard';
import { requiredField } from '../../../../utils/CommonUtils';
import './connection-step-card.less';
@ -53,6 +55,16 @@ const ConnectionStepCard = ({
testConnectionStepResult?.errorLog ??
t('label.no-entity', { entity: t('label.log-plural') });
const { onCopyToClipBoard } = useClipboard(logs ?? '');
const handleCopyToClipBoard = (
event: React.MouseEvent<HTMLButtonElement, MouseEvent>
) => {
event.preventDefault();
event.stopPropagation();
onCopyToClipBoard();
};
return (
<div
className={classNames('connection-step-card', {
@ -142,6 +154,16 @@ const ConnectionStepCard = ({
<Panel
className="connection-step-card-content-logs"
data-testid="lazy-log"
extra={
<Tooltip title={t('message.copy-to-clipboard')}>
<Button
className="flex-center bg-white"
data-testid="query-entity-copy-button"
icon={<CopyIcon height={16} width={16} />}
onClick={handleCopyToClipBoard}
/>
</Tooltip>
}
header={t('label.show-log-plural')}
key="show-log">
<LazyLog

1
openmetadata-ui/src/main/resources/ui/src/components/common/TestConnection/ConnectionStepCard/connection-step-card.less
View File

@ -24,6 +24,7 @@
box-sizing: border-box;
border: 1px solid @border-color;
border-radius: 4px;
margin-top: 16px;
&.success {
border-color: #28a7454d;
}