Merge pull request #4218 from overleaf/ae-symbol-palette-beta

Enable symbol palette for beta users

GitOrigin-RevId: 36840499b5732cc9087e0cc6e9aef861b16009f5

services/web/app/src/Features/Project/ProjectController.js

@@ -892,7 +892,7 @@ const ProjectController = {
               ),
               showSymbolPalette: shouldDisplayFeature(
                 'symbol_palette',
-                user.alphaProgram
+                user.betaProgram
               ),
               trackPdfDownload: partOfPdfCachingRollout('collect-metrics'),
               enablePdfCaching: partOfPdfCachingRollout('enable-caching'),

services/web/frontend/js/features/symbol-palette/components/symbol-palette-content.js

@@ -74,11 +74,11 @@ export default function SymbolPaletteContent({ handleSelect }) {
             <BetaBadge
               tooltip={{
                 id: 'tooltip-symbol-palette-beta',
-                text: t('beta_badge_tooltip', {
-                  feature: 'entering symbols',
-                }),
+                text:
+                  'The Symbol Palette is a beta feature. Click here to give feedback.',
                 placement: 'top',
               }}
+              url="https://forms.gle/BybHV5svGE8rJ6Ki9"
             />
             {/* NOTE: replace the beta badge with this info link when rolling out to all users */}
             {/* <SymbolPaletteInfoLink /> */}

services/web/frontend/js/shared/components/beta-badge.js

@@ -2,7 +2,7 @@ import React from 'react'
 import { OverlayTrigger, Tooltip } from 'react-bootstrap'
 import PropTypes from 'prop-types'
 
-export default function BetaBadge({ tooltip }) {
+export default function BetaBadge({ tooltip, url = '/beta/participate' }) {
   return (
     <OverlayTrigger
       placement={tooltip.placement || 'bottom'}
@@ -10,7 +10,7 @@ export default function BetaBadge({ tooltip }) {
       delayHide={100}
     >
       <a
-        href="/beta/participate"
+        href={url}
         target="_blank"
         rel="noopener noreferrer"
         className="badge beta-badge"
@@ -27,4 +27,5 @@ BetaBadge.propTypes = {
     text: PropTypes.string.isRequired,
     placement: PropTypes.string,
   }),
+  url: PropTypes.string,
 }

services/web/frontend/stylesheets/app/editor/symbol-palette.less

@@ -20,6 +20,7 @@
   font-family: @font-family-sans-serif;
   font-size: 16px;
   background: @symbol-palette-header-background;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
 }
 
 .symbol-palette-header .beta-badge {