disable button (#19623)

Author: taylangocmen

src/sentry/static/sentry/app/views/settings/incidentRules/metricField.tsx

@@ -60,7 +60,7 @@ const help = ({name, model}: {name: string; model: FormModel}) => {
         <Tooltip title={t('This preset is selected')} disabled={!preset.selected}>
           <PresetLink
             onClick={() => model.setValue(name, preset.default)}
-            isSelected={preset.selected}
+            disabled={preset.selected}
           >
             {preset.name}
           </PresetLink>
@@ -125,9 +125,9 @@ const AggregateHeader = styled('div')`
   margin-bottom: ${space(1)};
 `;
 
-const PresetLink = styled(Button)<{isSelected: boolean}>`
+const PresetLink = styled(Button)<{disabled: boolean}>`
   ${p =>
-    p.isSelected &&
+    p.disabled &&
     css`
       color: ${p.theme.gray700};
       &:hover,

tests/js/spec/views/settings/incidentRules/metricField.spec.jsx

@@ -74,13 +74,13 @@ describe('MetricField', function() {
     );
     selectByLabel(wrapper, 'failure_rate()', {selector: 'QueryField'});
 
-    expect(wrapper.find('FieldHelp Button[isSelected=true]').text()).toEqual(
+    expect(wrapper.find('FieldHelp Button[disabled=true]').text()).toEqual(
       'Failure rate'
     );
 
     selectByLabel(wrapper, 'p95()', {selector: 'QueryField'});
 
-    expect(wrapper.find('FieldHelp Button[isSelected=true]').text()).toEqual('Latency');
+    expect(wrapper.find('FieldHelp Button[disabled=true]').text()).toEqual('Latency');
   });
 
   it('changes field values when selecting presets', function() {