feat(ui): Rename resolved in options, add analytics (#27192)

Author: matejminar

static/app/components/actions/resolve.tsx

@@ -9,12 +9,15 @@ import Tooltip from 'app/components/tooltip';
 import {IconCheckmark, IconChevron} from 'app/icons';
 import {t} from 'app/locale';
 import {
+  Organization,
   Release,
   ResolutionStatus,
   ResolutionStatusDetails,
   UpdateResolutionStatus,
 } from 'app/types';
+import {trackAnalyticsEvent} from 'app/utils/analytics';
 import {formatVersion} from 'app/utils/formatters';
+import withOrganization from 'app/utils/withOrganization';
 
 import ActionButton from './button';
 import MenuHeader from './menuHeader';
@@ -28,6 +31,7 @@ const defaultProps = {
 };
 
 type Props = {
+  organization: Organization;
   hasRelease: boolean;
   onUpdate: (data: UpdateResolutionStatus) => void;
   orgSlug: string;
@@ -39,18 +43,59 @@ type Props = {
   disableDropdown?: boolean;
   projectFetchError?: boolean;
   hasInbox?: boolean;
-} & typeof defaultProps;
+} & Partial<typeof defaultProps>;
 
 class ResolveActions extends React.Component<Props> {
   static defaultProps = defaultProps;
 
-  onCustomResolution(statusDetails: ResolutionStatusDetails) {
-    this.props.onUpdate({
+  handleAnotherExistingReleaseResolution(statusDetails: ResolutionStatusDetails) {
+    const {organization, onUpdate} = this.props;
+    onUpdate({
       status: ResolutionStatus.RESOLVED,
       statusDetails,
     });
+    trackAnalyticsEvent({
+      eventKey: 'resolve_issue',
+      eventName: 'Resolve Issue',
+      release: 'anotherExisting',
+      organization_id: organization.id,
+    });
   }
 
+  handleCurrentReleaseResolution = () => {
+    const {onUpdate, organization, hasRelease, latestRelease} = this.props;
+    hasRelease &&
+      onUpdate({
+        status: ResolutionStatus.RESOLVED,
+        statusDetails: {
+          inRelease: latestRelease ? latestRelease.version : 'latest',
+        },
+      });
+    trackAnalyticsEvent({
+      eventKey: 'resolve_issue',
+      eventName: 'Resolve Issue',
+      release: 'current',
+      organization_id: organization.id,
+    });
+  };
+
+  handleNextReleaseResolution = () => {
+    const {onUpdate, organization, hasRelease} = this.props;
+    hasRelease &&
+      onUpdate({
+        status: ResolutionStatus.RESOLVED,
+        statusDetails: {
+          inNextRelease: true,
+        },
+      });
+    trackAnalyticsEvent({
+      eventKey: 'resolve_issue',
+      eventName: 'Resolve Issue',
+      release: 'next',
+      organization_id: organization.id,
+    });
+  };
+
   renderResolved() {
     const {isAutoResolved, onUpdate} = this.props;
 
@@ -81,7 +126,6 @@ class ResolveActions extends React.Component<Props> {
       isResolved,
       hasRelease,
       latestRelease,
-      onUpdate,
       confirmMessage,
       shouldConfirm,
       disabled,
@@ -128,15 +172,7 @@ class ResolveActions extends React.Component<Props> {
         <MenuItemActionLink
           {...actionLinkProps}
           title={t('The next release')}
-          onAction={() =>
-            hasRelease &&
-            onUpdate({
-              status: ResolutionStatus.RESOLVED,
-              statusDetails: {
-                inNextRelease: true,
-              },
-            })
-          }
+          onAction={this.handleNextReleaseResolution}
         >
           <Tooltip disabled={hasRelease} title={actionTitle}>
             {t('The next release')}
@@ -146,15 +182,7 @@ class ResolveActions extends React.Component<Props> {
         <MenuItemActionLink
           {...actionLinkProps}
           title={t('The current release')}
-          onAction={() =>
-            hasRelease &&
-            onUpdate({
-              status: ResolutionStatus.RESOLVED,
-              statusDetails: {
-                inRelease: latestRelease ? latestRelease.version : 'latest',
-              },
-            })
-          }
+          onAction={this.handleCurrentReleaseResolution}
         >
           <Tooltip disabled={hasRelease} title={actionTitle}>
             {latestRelease
@@ -165,12 +193,12 @@ class ResolveActions extends React.Component<Props> {
 
         <MenuItemActionLink
           {...actionLinkProps}
-          title={t('Another version')}
+          title={t('Another existing release')}
           onAction={() => hasRelease && this.openCustomReleaseModal()}
           shouldConfirm={false}
         >
           <Tooltip disabled={hasRelease} title={actionTitle}>
-            {t('Another version\u2026')}
+            {t('Another existing release')}
           </Tooltip>
         </MenuItemActionLink>
       </DropdownLink>
@@ -184,7 +212,7 @@ class ResolveActions extends React.Component<Props> {
       <CustomResolutionModal
         {...deps}
         onSelected={(statusDetails: ResolutionStatusDetails) =>
-          this.onCustomResolution(statusDetails)
+          this.handleAnotherExistingReleaseResolution(statusDetails)
         }
         orgSlug={orgSlug}
         projectSlug={projectSlug}
@@ -242,4 +270,4 @@ class ResolveActions extends React.Component<Props> {
   }
 }
 
-export default ResolveActions;
+export default withOrganization(ResolveActions);