chore: remove unused provider type dropdown from ExternalStatusPageMonitorStepForm and MonitorStep

Author: nawazdhandala

Dashboard/src/Components/Form/Monitor/ExternalStatusPageMonitor/ExternalStatusPageMonitorStepForm.tsx

@@ -1,14 +1,8 @@
 import React, { FunctionComponent, ReactElement, useState } from "react";
 import MonitorStepExternalStatusPageMonitor from "Common/Types/Monitor/MonitorStepExternalStatusPageMonitor";
-import ExternalStatusPageProviderType from "Common/Types/Monitor/ExternalStatusPageProviderType";
 import Input, { InputType } from "Common/UI/Components/Input/Input";
-import Dropdown, {
-  DropdownOption,
-  DropdownValue,
-} from "Common/UI/Components/Dropdown/Dropdown";
 import FieldLabelElement from "Common/UI/Components/Forms/Fields/FieldLabel";
 import Button, { ButtonStyleType } from "Common/UI/Components/Button/Button";
-import DropdownUtil from "Common/UI/Utils/Dropdown";
 
 export interface ComponentProps {
   monitorStepExternalStatusPageMonitor: MonitorStepExternalStatusPageMonitor;
@@ -21,9 +15,6 @@ const ExternalStatusPageMonitorStepForm: FunctionComponent<ComponentProps> = (
   const [showAdvancedOptions, setShowAdvancedOptions] =
     useState<boolean>(false);
 
-  const providerOptions: Array<DropdownOption> =
-    DropdownUtil.getDropdownOptionsFromEnum(ExternalStatusPageProviderType);
-
   return (
     <div className="space-y-5">
       <div>
@@ -46,29 +37,6 @@ const ExternalStatusPageMonitorStepForm: FunctionComponent<ComponentProps> = (
         />
       </div>
 
-      <div>
-        <FieldLabelElement
-          title="Provider Type"
-          description="How to fetch status data. Auto will try Atlassian Statuspage JSON API first, then fall back to RSS/Atom."
-          required={true}
-        />
-        <Dropdown
-          options={providerOptions}
-          initialValue={providerOptions.find((option: DropdownOption) => {
-            return (
-              option.value ===
-              props.monitorStepExternalStatusPageMonitor.provider
-            );
-          })}
-          onChange={(value: DropdownValue | Array<DropdownValue> | null) => {
-            props.onChange({
-              ...props.monitorStepExternalStatusPageMonitor,
-              provider: value as ExternalStatusPageProviderType,
-            });
-          }}
-        />
-      </div>
-
       <div>
         <FieldLabelElement
           title="Component Name Filter (Optional)"

Dashboard/src/Components/Monitor/MonitorSteps/MonitorStep.tsx

@@ -337,17 +337,6 @@ const MonitorStepElement: FunctionComponent<ComponentProps> = (
           return <p>{externalStatusPageMonitor?.statusPageUrl || "-"}</p>;
         },
       },
-      {
-        key: "externalStatusPageMonitor",
-        title: "Provider",
-        description: "The provider type for this status page.",
-        fieldType: FieldType.Element,
-        placeholder: "Auto",
-        getElement: (item: MonitorStepType): ReactElement => {
-          const externalStatusPageMonitor: any = item.externalStatusPageMonitor;
-          return <p>{externalStatusPageMonitor?.provider || "Auto"}</p>;
-        },
-      },
       {
         key: "externalStatusPageMonitor",
         title: "Component Name Filter",