41 lines
1.1 KiB
TypeScript
41 lines
1.1 KiB
TypeScript
import { FC, memo } from 'react'
|
|
import classnames from 'classnames'
|
|
import MaterialIcon from '@/shared/components/material-icon'
|
|
import { useTranslation } from 'react-i18next'
|
|
import {
|
|
useReviewPanelViewActionsContext,
|
|
useReviewPanelViewContext,
|
|
} from '../context/review-panel-view-context'
|
|
|
|
const ReviewPanelTabs: FC = () => {
|
|
const subView = useReviewPanelViewContext()
|
|
const { setView: setSubView } = useReviewPanelViewActionsContext()
|
|
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
|
<>
|
|
<button
|
|
className={classnames('review-panel-tab', {
|
|
'review-panel-tab-active': subView === 'cur_file',
|
|
})}
|
|
onClick={() => setSubView('cur_file')}
|
|
>
|
|
<MaterialIcon type="description" />
|
|
{t('current_file')}
|
|
</button>
|
|
<button
|
|
className={classnames('review-panel-tab', {
|
|
'review-panel-tab-active': subView === 'overview',
|
|
})}
|
|
onClick={() => setSubView('overview')}
|
|
>
|
|
<MaterialIcon type="list" />
|
|
{t('overview')}
|
|
</button>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default memo(ReviewPanelTabs)
|