github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #20840 from overleaf/dp-review-panel-split-test-badge

Browse source 
Add split test badge to new review panel for beta release

GitOrigin-RevId: 863b7614fc6b68aebc15dbc9bfec5014499af817
This commit is contained in:
David 2024-10-04 10:17:36 +01:00 committed by Copybot
parent 5fd2b63258
commit 50723d0f8f
2 changed files with 16 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
services/web/frontend/js/features/review-panel-new/components/review-panel-header.tsx
View file

@ -5,16 +5,27 @@ import ReviewPanelTrackChangesMenuButton from './review-panel-track-changes-menu
import { Button } from 'react-bootstrap'
import MaterialIcon from '@/shared/components/material-icon'
import { useLayoutContext } from '@/shared/context/layout-context'
import SplitTestBadge from '@/shared/components/split-test-badge'
import { useTranslation } from 'react-i18next'
const ReviewPanelHeader: FC = () => {
const [trackChangesMenuExpanded, setTrackChangesMenuExpanded] =
useState(false)
const { setReviewPanelOpen } = useLayoutContext()
const { t } = useTranslation()
return (
<div className="review-panel-header">
<div className="review-panel-heading">
<div className="review-panel-label">Review</div>
<div className="review-panel-label">
{t('review')}
<span className="review-panel-split-test-badge">
<SplitTestBadge
splitTestName="review-panel-redesign"
displayOnVariants={['enabled']}
/>
</span>
</div>
<Button
bsStyle={null}
className="review-panel-close-button"

4
services/web/frontend/stylesheets/app/editor/review-panel-new.less
View file

@ -197,6 +197,10 @@
margin: 0;
}
.review-panel-split-test-badge {
margin-left: 4px;
}
.review-panel-close-button {
display: flex;
align-items: center;