github/drone
5
0
Fork 0
mirror of https://github.com/harness/drone.git synced 2025-05-12 23:20:10 +08:00
Code Issues Packages Projects Releases Wiki Activity

Update: [code-1803] copy button on comment header (#1235)

Browse Source
This commit is contained in:
Ritik Kapoor 2024-04-19 20:32:35 +00:00 committed by Harness
parent 175f26e9fe
commit 3f047635a0
1 changed files with 11 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
web/src/pages/PullRequest/Conversation/CodeCommentHeader.tsx
View File

@ -16,7 +16,7 @@
import React, { useEffect } from 'react'
import { Link } from 'react-router-dom'
import { Button, ButtonVariation, Container, Layout, Text, Utils } from '@harnessio/uicore'
import { ButtonSize, Container, Layout, Text } from '@harnessio/uicore'
import { Diff2HtmlUI } from 'diff2html/lib-esm/ui/js/diff2html-ui'
import * as Diff2Html from 'diff2html'
import { get } from 'lodash-es'
@ -24,8 +24,9 @@ import type { TypesPullReqActivity } from 'services/code'
import type { CommentItem } from 'components/CommentBox/CommentBox'
import { DIFF2HTML_CONFIG, ViewStyle } from 'components/DiffViewer/DiffViewerUtils'
import { useAppContext } from 'AppContext'
import type { GitInfoProps } from 'utils/GitUtils'
import { CodeIcon, type GitInfoProps } from 'utils/GitUtils'
import { PullRequestSection } from 'utils/Utils'
import { CopyButton } from 'components/CopyButton/CopyButton'
import { isCodeComment } from '../PullRequestUtils'
import css from './Conversation.module.scss'
@ -70,7 +71,7 @@ export const CodeCommentHeader: React.FC<CodeCommentHeaderProps> = ({
<Container className={css.snapshot}>
<Layout.Vertical>
<Container className={css.title}>
<Layout.Horizontal flex={{ alignItems: 'center' }}>
<Layout.Horizontal flex={{ alignItems: 'center', justifyContent: 'flex-start' }}>
<Text
inline
className={css.fname}
@ -88,17 +89,13 @@ export const CodeCommentHeader: React.FC<CodeCommentHeaderProps> = ({
{commentItems[0].payload?.code_comment?.path}
</Link>
</Text>
<Button
variation={ButtonVariation.ICON}
icon="code-copy"
className={css.copyButton}
iconProps={{ size: 14 }}
onClick={() => {
if (commentItems[0].payload?.code_comment?.path) {
Utils.copy(commentItems[0].payload?.code_comment?.path)
}
}}
/>
{commentItems[0].payload?.code_comment?.path && (
<CopyButton
content={commentItems[0].payload?.code_comment?.path}
icon={CodeIcon.Copy}
size={ButtonSize.MEDIUM}
/>
)}
</Layout.Horizontal>
</Container>
<Container className={css.snapshotContent} id={id} />