Merge pull request #33163 from overleaf/ii-share-modal-give-feedback

[web] Share modal give feedback link

GitOrigin-RevId: 5e83dec6c6b97c172b7600d8ded285db49178a64

services/web/frontend/js/features/share-project-modal/components/give-feedback-link.tsx

@@ -0,0 +1,25 @@
+import { useTranslation } from 'react-i18next'
+import OLButton from '@/shared/components/ol/ol-button'
+import getMeta from '@/utils/meta'
+
+export default function GiveFeedbackLink() {
+  const { t } = useTranslation()
+  const isProfessionalGroupPlan = getMeta('ol-user')?.isProfessionalGroupPlan
+
+  const link = isProfessionalGroupPlan
+    ? 'https://forms.gle/rz1JDMuNajWG4ZY49'
+    : 'https://forms.gle/WLEjzG4Ayp8zFscM9'
+
+  return (
+    <OLButton
+      variant="link"
+      size="sm"
+      href={link}
+      target="_blank"
+      rel="noopener noreferrer"
+      className="fw-bold"
+    >
+      {t('give_feedback')}
+    </OLButton>
+  )
+}

services/web/frontend/js/features/share-project-modal/components/share-project-modal-content.tsx

@@ -15,6 +15,7 @@ import OLButton from '@/shared/components/ol/ol-button'
 import OLSpinner from '@/shared/components/ol/ol-spinner'
 import MaterialIcon from '@/shared/components/material-icon'
 import ErrorMessage from '@/features/share-project-modal/components/error-message'
+import GiveFeedbackLink from '@/features/share-project-modal/components/give-feedback-link'
 import classNames from 'classnames'
 import { useFeatureFlag } from '@/shared/context/split-test-context'
 import { useShareProjectContext } from '@/features/share-project-modal/components/share-project-modal'
@@ -49,8 +50,7 @@ export default function ShareProjectModalContent({
   const isSharingUpdatesEnabled = useFeatureFlag('sharing-updates')
   const [isInvitedPeopleScreen, setIsInvitedPeopleScreen] = useState(false)
   const { successActionMessage } = useShareProjectContext()
-
-  const { isRestrictedTokenMember } = useEditorContext()
+  const { isRestrictedTokenMember, isProjectOwner } = useEditorContext()
 
   return (
     <OLModal show={show} onHide={cancel} animation={animation}>
@@ -71,6 +71,7 @@ export default function ShareProjectModalContent({
                 : t('share_project')}
             </OLModalTitle>
           )}
+          {isSharingUpdatesEnabled && isProjectOwner && <GiveFeedbackLink />}
         </div>
       </OLModalHeader>