fix(autofix): Restore analytics, add new one (#79617)

Restores the Amplitude analytics for: - starting Autofix - starting Autofix with an instruction And adds a new one for: - opening the Autofix drawer
getsentry · Oct 24, 2024 · 84690f1 · 84690f1
1 parent ca77087
commit 84690f1
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 6 deletions.
diff --git a/static/app/components/events/autofix/autofixBanner.tsx b/static/app/components/events/autofix/autofixBanner.tsx
@@ -56,8 +56,23 @@ function SuccessfulSetup({
     }
   };
 
+  if (isDrawerOpen) {
+    return (
+      <Button onClick={() => openAutofix()} size="sm" ref={openButtonRef}>
+        {t('Open Autofix')}
+      </Button>
+    );
+  }
+
   return (
-    <Button onClick={() => openAutofix()} size="sm" ref={openButtonRef}>
+    <Button
+      onClick={() => openAutofix()}
+      size="sm"
+      ref={openButtonRef}
+      analyticsEventKey="autofix.open_drawer_clicked"
+      analyticsEventName="Autofix: Open Drawer Clicked"
+      analyticsParams={{group_id: group.id}}
+    >
       {t('Open Autofix')}
     </Button>
   );

diff --git a/static/app/components/events/autofix/autofixDrawer.tsx b/static/app/components/events/autofix/autofixDrawer.tsx
@@ -22,10 +22,11 @@ import useRouteAnalyticsParams from 'sentry/utils/routeAnalytics/useRouteAnalyti
 import {MIN_NAV_HEIGHT} from 'sentry/views/issueDetails/streamline/eventNavigation';
 
 interface AutofixStartBoxProps {
+  groupId: string;
   onSend: (message: string) => void;
 }
 
-function AutofixStartBox({onSend}: AutofixStartBoxProps) {
+function AutofixStartBox({onSend, groupId}: AutofixStartBoxProps) {
   const [message, setMessage] = useState('');
 
   const send = () => {
@@ -51,9 +52,27 @@ function AutofixStartBox({onSend}: AutofixStartBoxProps) {
           onChange={e => setMessage(e.target.value)}
           placeholder={'(Optional) Share any extra context or instructions here...'}
         />
-        <Button priority="primary" onClick={send}>
-          Start
-        </Button>
+        {message ? (
+          <Button
+            priority="primary"
+            onClick={send}
+            analyticsEventKey="autofix.give_instructions_clicked"
+            analyticsEventName="Autofix: Give Instructions Clicked"
+            analyticsParams={{group_id: groupId}}
+          >
+            Start
+          </Button>
+        ) : (
+          <Button
+            priority="primary"
+            onClick={send}
+            analyticsEventKey="autofix.start_fix_clicked"
+            analyticsEventName="Autofix: Start Fix Clicked"
+            analyticsParams={{group_id: groupId}}
+          >
+            Start
+          </Button>
+        )}
       </Row>
     </StartBox>
   );
@@ -110,7 +129,7 @@ export function AutofixDrawer({group, project, event}: AutofixDrawerProps) {
       </AutofixNavigator>
       <AutofixDrawerBody>
         {!autofixData ? (
-          <AutofixStartBox onSend={triggerAutofix} />
+          <AutofixStartBox onSend={triggerAutofix} groupId={group.id} />
         ) : (
           <AutofixSteps
             data={autofixData}