David
43fccf60b9
Align rail panel headers to use the same font-weight and line-height GitOrigin-RevId: e982f6d816e2f1b0e8f4a0af603222262d58bab0
31 lines
1.1 KiB
TypeScript
31 lines
1.1 KiB
TypeScript
import { FC, memo } from 'react'
|
|
import { ReviewPanelResolvedThreadsButton } from './review-panel-resolved-threads-button'
|
|
import { useTranslation } from 'react-i18next'
|
|
import { PanelHeading } from '@/shared/components/panel-heading'
|
|
import useReviewPanelLayout from '../hooks/use-review-panel-layout'
|
|
import RailPanelHeader from '@/features/ide-redesign/components/rail/rail-panel-header'
|
|
import { useIsNewEditorEnabled } from '@/features/ide-redesign/utils/new-editor-utils'
|
|
|
|
const ReviewPanelHeader: FC = () => {
|
|
const { closeReviewPanel } = useReviewPanelLayout()
|
|
const { t } = useTranslation()
|
|
const newEditor = useIsNewEditorEnabled()
|
|
|
|
return (
|
|
<div className="review-panel-header">
|
|
{newEditor ? (
|
|
<RailPanelHeader
|
|
title={t('review')}
|
|
actions={[<ReviewPanelResolvedThreadsButton key="resolve-threads" />]}
|
|
/>
|
|
) : (
|
|
<PanelHeading title={t('review')} handleClose={closeReviewPanel}>
|
|
<ReviewPanelResolvedThreadsButton />
|
|
</PanelHeading>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default memo(ReviewPanelHeader)
|