Browse Source

feat(dashboards): persist changes on modal close (#68882)

Ogi 11 months ago
parent
commit
6ee05f225e
1 changed files with 6 additions and 2 deletions
  1. 6 2
      static/app/components/modals/metricWidgetViewerModal.tsx

+ 6 - 2
static/app/components/modals/metricWidgetViewerModal.tsx

@@ -46,6 +46,7 @@ function MetricWidgetViewerModal({
   Body,
   Header,
   closeModal,
+  CloseButton,
   onMetricWidgetEdit,
   dashboardFilters,
 }: Props) {
@@ -227,13 +228,17 @@ function MetricWidgetViewerModal({
   return (
     <Fragment>
       <OrganizationContext.Provider value={organization}>
-        <Header closeButton>
+        <Header>
           <MetricWidgetTitle
             title={title}
             onTitleChange={handleTitleChange}
             placeholder={widgetMQL}
             description={widget.description}
           />
+          {/* Added a div with onClick because CloseButton overrides passed onClick handler */}
+          <div onClick={handleSubmit}>
+            <CloseButton />
+          </div>
         </Header>
         <Body>
           <Queries
@@ -269,7 +274,6 @@ function MetricWidgetViewerModal({
             >
               {t('Open in Metrics')}
             </LinkButton>
-            <Button onClick={closeModal}>{t('Close')}</Button>
             <Button priority="primary" onClick={handleSubmit}>
               {t('Save changes')}
             </Button>