From a7900cea443a6b698319bfbc9d14b587aee40e20 Mon Sep 17 00:00:00 2001
From: David <33458145+davidmcpowell@users.noreply.github.com>
Date: Fri, 4 Oct 2024 10:17:36 +0100
Subject: [PATCH] Merge pull request #20840 from
 overleaf/dp-review-panel-split-test-badge

Add split test badge to new review panel for beta release

GitOrigin-RevId: 863b7614fc6b68aebc15dbc9bfec5014499af817
---
 .../components/review-panel-header.tsx              | 13 ++++++++++++-
 .../stylesheets/app/editor/review-panel-new.less    |  4 ++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel-header.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel-header.tsx
index 172ea7483c..facf40e81c 100644
--- a/services/web/frontend/js/features/review-panel-new/components/review-panel-header.tsx
+++ b/services/web/frontend/js/features/review-panel-new/components/review-panel-header.tsx
@@ -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"
diff --git a/services/web/frontend/stylesheets/app/editor/review-panel-new.less b/services/web/frontend/stylesheets/app/editor/review-panel-new.less
index 3019879b3b..4883489c80 100644
--- a/services/web/frontend/stylesheets/app/editor/review-panel-new.less
+++ b/services/web/frontend/stylesheets/app/editor/review-panel-new.less
@@ -197,6 +197,10 @@
       margin: 0;
     }
 
+    .review-panel-split-test-badge {
+      margin-left: 4px;
+    }
+
     .review-panel-close-button {
       display: flex;
       align-items: center;