Merge pull request #10682 from overleaf/ds-btn-default-to-secondary-in-editor-part-2

Replacing btn-default with btn-secondary in the editor Part-2

GitOrigin-RevId: 708aa29070bb3049afbc8ee1a282eaa1018594a8

services/web/frontend/js/features/pdf-preview/components/pdf-log-entry-raw-content.js

@@ -40,8 +40,8 @@ export default function PdfLogEntryRawContent({
         >
           <Button
             bsSize="xs"
-            bsStyle="default"
-            className="log-entry-btn-expand-collapse"
+            bsStyle={null}
+            className="log-entry-btn-expand-collapse btn-secondary"
             onClick={() => setExpanded(value => !value)}
           >
             {expanded ? (

services/web/frontend/js/features/pdf-preview/components/pdf-synctex-controls.js

@@ -27,7 +27,7 @@ function GoToCodeButton({
 }) {
   const { t } = useTranslation()
   const tooltipPlacement = isDetachLayout ? 'bottom' : 'right'
-  const buttonClasses = classNames('synctex-control', {
+  const buttonClasses = classNames('synctex-control', 'btn-secondary', {
     'detach-synctex-control': !!isDetachLayout,
   })
 
@@ -45,7 +45,7 @@ function GoToCodeButton({
       overlayProps={{ placement: tooltipPlacement }}
     >
       <Button
-        bsStyle="default"
+        bsStyle={null}
         bsSize="xs"
         onClick={() => syncToCode(position, 72)}
         disabled={syncToCodeInFlight}
@@ -68,9 +68,14 @@ function GoToPdfButton({
 }) {
   const { t } = useTranslation()
   const tooltipPlacement = isDetachLayout ? 'bottom' : 'right'
-  const buttonClasses = classNames('synctex-control', 'toolbar-btn-secondary', {
-    'detach-synctex-control': !!isDetachLayout,
-  })
+  const buttonClasses = classNames(
+    'synctex-control',
+    'btn-secondary',
+    'toolbar-btn-secondary',
+    {
+      'detach-synctex-control': !!isDetachLayout,
+    }
+  )
 
   let buttonIcon = null
   if (syncToPdfInFlight) {
@@ -86,7 +91,7 @@ function GoToPdfButton({
       overlayProps={{ placement: tooltipPlacement }}
     >
       <Button
-        bsStyle="default"
+        bsStyle={null}
         bsSize="xs"
         onClick={() => syncToPdf(cursorPosition)}
         disabled={syncToPdfInFlight || !cursorPosition || !hasSingleSelectedDoc}