ref(ownership): Update ownership data after mutation (#67651)

Closes the modal and updates the cache when saving ownership rules.

Author: leeandher

static/app/actionCreators/modal.tsx

@@ -116,13 +116,6 @@ type CreateOwnershipRuleModalOptions = {
   eventData?: Event;
 };
 
-export type EditOwnershipRulesModalOptions = {
-  onSave: (text: string | null) => void;
-  organization: Organization;
-  ownership: IssueOwnership;
-  project: Project;
-};
-
 /**
  * Open the edit ownership modal within issue details
  */
@@ -135,6 +128,13 @@ export async function openIssueOwnershipRuleModal(
   openModal(deps => <Modal {...deps} {...options} />, {modalCss});
 }
 
+export type EditOwnershipRulesModalOptions = {
+  onSave: (ownership: IssueOwnership) => void;
+  organization: Organization;
+  ownership: IssueOwnership;
+  project: Project;
+};
+
 export async function openEditOwnershipRules(options: EditOwnershipRulesModalOptions) {
   const mod = await import('sentry/components/modals/editOwnershipRulesModal');
   const {default: Modal, modalCss} = mod;

static/app/views/settings/project/projectOwnership/index.tsx

@@ -1,7 +1,7 @@
 import {Fragment} from 'react';
 import type {RouteComponentProps} from 'react-router';
 
-import {openEditOwnershipRules, openModal} from 'sentry/actionCreators/modal';
+import {closeModal, openEditOwnershipRules, openModal} from 'sentry/actionCreators/modal';
 import Access, {hasEveryAccess} from 'sentry/components/acl/access';
 import {Button} from 'sentry/components/button';
 import ButtonBar from 'sentry/components/buttonBar';
@@ -76,17 +76,12 @@ url:http://example.com/settings/* #product
 tags.sku_class:enterprise #enterprise`;
   }
 
-  handleOwnershipSave = (text: string | null) => {
+  handleOwnershipSave = (ownership: IssueOwnership) => {
     this.setState(prevState => ({
-      ...(prevState.ownership
-        ? {
-            ownership: {
-              ...prevState.ownership,
-              raw: text || '',
-            },
-          }
-        : {}),
+      ...prevState,
+      ownership,
     }));
+    closeModal();
   };
 
   handleCodeOwnerAdded = (data: CodeOwner) => {

static/app/views/settings/project/projectOwnership/ownerInput.tsx

@@ -13,7 +13,7 @@ import TimeSince from 'sentry/components/timeSince';
 import {t} from 'sentry/locale';
 import MemberListStore from 'sentry/stores/memberListStore';
 import ProjectsStore from 'sentry/stores/projectsStore';
-import type {Organization, Project, Team} from 'sentry/types';
+import type {IssueOwnership, Organization, Project, Team} from 'sentry/types';
 import {defined} from 'sentry/utils';
 import {trackIntegrationAnalytics} from 'sentry/utils/integrationUtil';
 
@@ -33,7 +33,7 @@ type Props = {
    */
   page: 'issue_details' | 'project_settings';
   project: Project;
-  onSave?: (text: string | null) => void;
+  onSave?: (ownership: IssueOwnership) => void;
 } & typeof defaultProps;
 
 type State = {
@@ -82,14 +82,14 @@ class OwnerInput extends Component<Props, State> {
     );
 
     request
-      .then(() => {
+      .then(ownership => {
         addSuccessMessage(t('Updated issue ownership rules'));
         this.setState(
           {
             hasChanges: false,
             text,
           },
-          () => onSave?.(text)
+          () => onSave?.(ownership)
         );
         trackIntegrationAnalytics('project_ownership.saved', {
           page,