From 020fa0a4dbcb62890d6381fa674db1df20a70067 Mon Sep 17 00:00:00 2001
From: Michelle Zhang <56095982+michellewzhang@users.noreply.github.com>
Date: Thu, 18 Jan 2024 14:47:40 -0800
Subject: [PATCH] ref(feedback): add tooltip to activity section clarifying its
 purpose (#63474)

Closes https://github.com/getsentry/sentry/issues/63438
<img width="725" alt="SCR-20240118-luzb"
src="https://github.com/getsentry/sentry/assets/56095982/8e8e33cc-a42a-464a-98d5-3eef2f3d8833">
---
 .../feedback/feedbackItem/feedbackItem.tsx       | 16 +++++++++++++++-
 .../feedbackItem/feedbackItemSection.tsx         |  2 +-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/static/app/components/feedback/feedbackItem/feedbackItem.tsx b/static/app/components/feedback/feedbackItem/feedbackItem.tsx
index 58175ccad0d9aa..6a339e4831fb7b 100644
--- a/static/app/components/feedback/feedbackItem/feedbackItem.tsx
+++ b/static/app/components/feedback/feedbackItem/feedbackItem.tsx
@@ -12,6 +12,7 @@ import ReplaySection from 'sentry/components/feedback/feedbackItem/replaySection
 import TagsSection from 'sentry/components/feedback/feedbackItem/tagsSection';
 import PanelItem from 'sentry/components/panels/panelItem';
 import {Flex} from 'sentry/components/profiling/flex';
+import QuestionTooltip from 'sentry/components/questionTooltip';
 import TextCopyInput from 'sentry/components/textCopyInput';
 import {replayPlatforms} from 'sentry/data/platformCategories';
 import {IconChat, IconFire, IconLink, IconPlay, IconTag} from 'sentry/icons';
@@ -97,7 +98,20 @@ export default function FeedbackItem({feedbackItem, eventData, tags}: Props) {
           <TagsSection tags={tags} />
         </Section>
 
-        <Section icon={<IconChat size="xs" />} title={t('Activity')}>
+        <Section
+          icon={<IconChat size="xs" />}
+          title={
+            <Fragment>
+              {t('Activity')}
+              <QuestionTooltip
+                size="xs"
+                title={t(
+                  'Use this section to post comments that are visible only to your organization. It will also automatically update when someone resolves or assigns the feedback.'
+                )}
+              />
+            </Fragment>
+          }
+        >
           <FeedbackActivitySection feedbackItem={feedbackItem} />
         </Section>
       </OverflowPanelItem>
diff --git a/static/app/components/feedback/feedbackItem/feedbackItemSection.tsx b/static/app/components/feedback/feedbackItem/feedbackItemSection.tsx
index 81178804e7a451..d6bea8652fd702 100644
--- a/static/app/components/feedback/feedbackItem/feedbackItemSection.tsx
+++ b/static/app/components/feedback/feedbackItem/feedbackItemSection.tsx
@@ -34,7 +34,7 @@ export default function Section({
   contentRight,
 }: {
   children: ReactNode;
-  title: string;
+  title: ReactNode;
   contentRight?: ReactNode;
   icon?: ReactNode;
 }) {