Merge pull request #13259 from overleaf/td-history-survey-link

History migration: Add beta badge to history toolbar

GitOrigin-RevId: e5c818953a7d41c31018a2d39c3937d70c057f8c

services/web/frontend/js/features/history/components/diff-view/toolbar/toolbar.tsx

@@ -5,6 +5,7 @@ import ToolbarDatetime from './toolbar-datetime'
 import ToolbarFileInfo from './toolbar-file-info'
 import ToolbarRestoreFileButton from './toolbar-restore-file-button'
 import { isFileRemoved } from '../../../utils/file-diff'
+import SplitTestBadge from '../../../../../shared/components/split-test-badge'
 
 type ToolbarProps = {
   diff: Nullable<Diff>
@@ -17,6 +18,10 @@ export default function Toolbar({ diff, selection }: ToolbarProps) {
 
   return (
     <div className="history-react-toolbar">
+      <SplitTestBadge
+        splitTestName="history-view"
+        displayOnVariants={['react']}
+      />
       <ToolbarDatetime selection={selection} />
       {selection.selectedFile?.pathname ? (
         <ToolbarFileInfo diff={diff} selection={selection} />

services/web/frontend/stylesheets/app/editor/history-react.less

@@ -266,6 +266,7 @@ history-root {
   .history-react-toolbar {
     display: flex;
     align-items: center;
+    gap: 8px;
 
     .history-react-toolbar-file-info {
       flex: 1;
@@ -275,10 +276,6 @@ history-root {
     .history-react-toolbar-time {
       font-weight: 700;
     }
-
-    .history-react-toolbar-restore-file-button {
-      margin-left: 5px;
-    }
   }
 
   .history-paywall-prompt {