From 20b27116f87768d31173d2f500166f543b9a1d42 Mon Sep 17 00:00:00 2001
From: Alasdair Smith <ali@alasdairsmith.co.uk>
Date: Thu, 17 Jun 2021 16:37:48 +0100
Subject: [PATCH] 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  | 2 +-
 .../symbol-palette/components/symbol-palette-content.js     | 6 +++---
 services/web/frontend/js/shared/components/beta-badge.js    | 5 +++--
 .../web/frontend/stylesheets/app/editor/symbol-palette.less | 1 +
 4 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/services/web/app/src/Features/Project/ProjectController.js b/services/web/app/src/Features/Project/ProjectController.js
index abaa8ccb9a..69c7f5bffe 100644
--- a/services/web/app/src/Features/Project/ProjectController.js
+++ b/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'),
diff --git a/services/web/frontend/js/features/symbol-palette/components/symbol-palette-content.js b/services/web/frontend/js/features/symbol-palette/components/symbol-palette-content.js
index 8fddef25ac..01d80996f0 100644
--- a/services/web/frontend/js/features/symbol-palette/components/symbol-palette-content.js
+++ b/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 /> */}
diff --git a/services/web/frontend/js/shared/components/beta-badge.js b/services/web/frontend/js/shared/components/beta-badge.js
index b2c1c4cfc1..c9a9d79757 100644
--- a/services/web/frontend/js/shared/components/beta-badge.js
+++ b/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,
 }
diff --git a/services/web/frontend/stylesheets/app/editor/symbol-palette.less b/services/web/frontend/stylesheets/app/editor/symbol-palette.less
index c729a38782..d256a6a7b4 100644
--- a/services/web/frontend/stylesheets/app/editor/symbol-palette.less
+++ b/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 {