From 8c3c9fe53ffa9c927138fe73e82be81786eb7e0f Mon Sep 17 00:00:00 2001
From: David <33458145+davidmcpowell@users.noreply.github.com>
Date: Wed, 19 Jun 2024 14:21:04 +0100
Subject: [PATCH] Merge pull request #18979 from
 overleaf/dp-pdf-split-test-badge

Add SplitTestBadge to pdf controls toolbar

GitOrigin-RevId: ebbd2f8983aa2168fe03beb8ce69d7da91871a74
---
 .../pdf-preview/components/pdf-viewer-controls-toolbar.tsx  | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-viewer-controls-toolbar.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-viewer-controls-toolbar.tsx
index d6b33a0dfe..a65e44ac28 100644
--- a/services/web/frontend/js/features/pdf-preview/components/pdf-viewer-controls-toolbar.tsx
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-viewer-controls-toolbar.tsx
@@ -3,7 +3,7 @@ import { createPortal } from 'react-dom'
 import PdfPageNumberControl from './pdf-page-number-control'
 import PdfZoomButtons from './pdf-zoom-buttons'
 import PdfZoomDropdown from './pdf-zoom-dropdown'
-
+import SplitTestBadge from '@/shared/components/split-test-badge'
 import { useResizeObserver } from '@/shared/hooks/use-resize-observer'
 import PdfViewerControlsMenuButton from './pdf-viewer-controls-menu-button'
 import { useDetachCompileContext as useCompileContext } from '../../../shared/context/detach-compile-context'
@@ -55,6 +55,10 @@ function PdfViewerControlsToolbar({
 
   return createPortal(
     <div className="pdfjs-viewer-controls" ref={pdfControlsRef}>
+      <SplitTestBadge
+        splitTestName="pdf-controls"
+        displayOnVariants={['enabled']}
+      />
       <InnerControlsComponent
         requestPresentationMode={requestPresentationMode}
         setZoom={setZoom}