Temporarily disable networks and storage dropdowns

Disables the 'port_keys' field dropdown from network mapping and the
'bus_type' field dropdown from storage mapping.

src/components/organisms/WizardNetworks/WizardNetworks.tsx

@@ -220,32 +220,32 @@ class WizardNetworks extends React.Component<Props> {
     ) : null
   }
 
-  renderPortKeysDropdown(selectedNetwork: NetworkMap | null | undefined, nic: NicType) {
-    const portKeys = selectedNetwork?.targetNetwork?.port_keys
-    if (!portKeys || !portKeys.length || !this.props.networks.length) {
-      return null
-    }
-    type DropdownItem = { label: string, value: string | null }
-    const portKeysDict: DropdownItem[] = portKeys.map(p => ({
-      label: p,
-      value: p,
-    }))
-    portKeysDict.unshift({ label: 'Choose Port Key', value: null })
+  // renderPortKeysDropdown(selectedNetwork: NetworkMap | null | undefined, nic: NicType) {
+  //   const portKeys = selectedNetwork?.targetNetwork?.port_keys
+  //   if (!portKeys || !portKeys.length || !this.props.networks.length) {
+  //     return null
+  //   }
+  //   type DropdownItem = { label: string, value: string | null }
+  //   const portKeysDict: DropdownItem[] = portKeys.map(p => ({
+  //     label: p,
+  //     value: p,
+  //   }))
+  //   portKeysDict.unshift({ label: 'Choose Port Key', value: null })
 
-    const selectedPortKey: string | null = selectedNetwork?.targetPortKey || null
-    return (
-      <Dropdown
-        width={StyleProps.inputSizes.large.width}
-        noSelectionMessage="Choose Port Key"
-        centered
-        items={portKeysDict}
-        selectedItem={selectedPortKey}
-        onChange={(item: DropdownItem) => {
-          this.props.onChange({ nic, network: selectedNetwork!.targetNetwork!, portKey: item.value })
-        }}
-      />
-    )
-  }
+  //   const selectedPortKey: string | null = selectedNetwork?.targetPortKey || null
+  //   return (
+  //     <Dropdown
+  //       width={StyleProps.inputSizes.large.width}
+  //       noSelectionMessage="Choose Port Key"
+  //       centered
+  //       items={portKeysDict}
+  //       selectedItem={selectedPortKey}
+  //       onChange={(item: DropdownItem) => {
+  //         this.props.onChange({ nic, network: selectedNetwork!.targetNetwork!, portKey: item.value })
+  //       }}
+  //     />
+  //   )
+  // }
 
   renderNics() {
     if (this.isLoading()) {
@@ -301,7 +301,7 @@ class WizardNetworks extends React.Component<Props> {
               <Dropdowns>
                 {this.renderNetworksDropdown(selectedNetwork, nic)}
                 {this.renderSecGroupsDropdown(selectedNetwork, nic)}
-                {this.renderPortKeysDropdown(selectedNetwork, nic)}
+                {/* {this.renderPortKeysDropdown(selectedNetwork, nic)} */}
               </Dropdowns>
             </Nic>
           )

src/components/organisms/WizardStorage/WizardStorage.tsx

@@ -197,38 +197,38 @@ class WizardStorage extends React.Component<Props> {
     )
   }
 
-  renderBusTypeDropdown(selectedStorageMap: StorageMap | null | undefined) {
-    if (!selectedStorageMap) {
-      return null
-    }
-    type DropdownItem = {label: string, value: string | null}
-    const storageBusTypes: DropdownItem[] | undefined = this.props.storageBackends
-      .find(s => s.id === selectedStorageMap.target.id)?.additional_provider_properties?.supported_bus_types?.map(value => ({
-        label: value,
-        value,
-      }))
-    if (!storageBusTypes || !storageBusTypes.length) {
-      return null
-    }
-    storageBusTypes.unshift({
-      label: 'Choose a Bus Type',
-      value: null,
-    })
-    const selectedBusType = selectedStorageMap?.targetBusType
-
-    return (
-      <Dropdown
-        width={StyleProps.inputSizes.large.width}
-        noSelectionMessage="Choose a Bus Type"
-        centered
-        items={storageBusTypes}
-        selectedItem={selectedBusType}
-        onChange={(item: DropdownItem) => {
-          this.props.onChange({ ...selectedStorageMap, targetBusType: item.value })
-        }}
-      />
-    )
-  }
+  // renderBusTypeDropdown(selectedStorageMap: StorageMap | null | undefined) {
+  //   if (!selectedStorageMap) {
+  //     return null
+  //   }
+  //   type DropdownItem = {label: string, value: string | null}
+  //   const storageBusTypes: DropdownItem[] | undefined = this.props.storageBackends
+  //     .find(s => s.id === selectedStorageMap.target.id)?.additional_provider_properties?.supported_bus_types?.map(value => ({
+  //       label: value,
+  //       value,
+  //     }))
+  //   if (!storageBusTypes || !storageBusTypes.length) {
+  //     return null
+  //   }
+  //   storageBusTypes.unshift({
+  //     label: 'Choose a Bus Type',
+  //     value: null,
+  //   })
+  //   const selectedBusType = selectedStorageMap?.targetBusType
+
+  //   return (
+  //     <Dropdown
+  //       width={StyleProps.inputSizes.large.width}
+  //       noSelectionMessage="Choose a Bus Type"
+  //       centered
+  //       items={storageBusTypes}
+  //       selectedItem={selectedBusType}
+  //       onChange={(item: DropdownItem) => {
+  //         this.props.onChange({ ...selectedStorageMap, targetBusType: item.value })
+  //       }}
+  //     />
+  //   )
+  // }
 
   renderStorageDropdown(
     storageItems: Array<StorageBackend>,
@@ -324,7 +324,7 @@ class WizardStorage extends React.Component<Props> {
                   {disk.disabled && type === 'disk' ? this.renderDisabledDisk(disk) : (
                     <>
                       {this.renderStorageDropdown(storageItems, selectedStorageMapping?.target, disk, type)}
-                      {this.renderBusTypeDropdown(selectedStorageMapping)}
+                      {/* {this.renderBusTypeDropdown(selectedStorageMapping)} */}
                     </>
                   )}
                 </Dropdowns>
@@ -396,39 +396,39 @@ class WizardStorage extends React.Component<Props> {
         )
     }
 
-    const renderDefaultBusTypeDropdown = () => {
-      if (!this.props.defaultStorage || !this.props.defaultStorage.value) {
-        return null
-      }
-
-      type DropdownItem = { label: string, value: string | null }
-      const storageBusTypes: DropdownItem[] | undefined = this.props.storageBackends
-        .find(s => s.id === this.props.defaultStorage?.value)?.additional_provider_properties?.supported_bus_types?.map(value => ({
-          label: value,
-          value,
-        }))
-      if (!storageBusTypes || !storageBusTypes.length) {
-        return null
-      }
-      storageBusTypes.unshift({
-        label: 'Choose a Bus Type',
-        value: null,
-      })
-      const selectedBusType = this.props.defaultStorage.busType
-
-      return (
-        <Dropdown
-          width={StyleProps.inputSizes.regular.width}
-          noSelectionMessage="Choose a Bus Type"
-          centered
-          items={storageBusTypes}
-          selectedItem={selectedBusType}
-          onChange={(item: DropdownItem) => {
-            this.props.onDefaultStorageChange(this.props.defaultStorage?.value || null, item.value)
-          }}
-        />
-      )
-    }
+    // const renderDefaultBusTypeDropdown = () => {
+    //   if (!this.props.defaultStorage || !this.props.defaultStorage.value) {
+    //     return null
+    //   }
+
+    //   type DropdownItem = { label: string, value: string | null }
+    //   const storageBusTypes: DropdownItem[] | undefined = this.props.storageBackends
+    //     .find(s => s.id === this.props.defaultStorage?.value)?.additional_provider_properties?.supported_bus_types?.map(value => ({
+    //       label: value,
+    //       value,
+    //     }))
+    //   if (!storageBusTypes || !storageBusTypes.length) {
+    //     return null
+    //   }
+    //   storageBusTypes.unshift({
+    //     label: 'Choose a Bus Type',
+    //     value: null,
+    //   })
+    //   const selectedBusType = this.props.defaultStorage.busType
+
+    //   return (
+    //     <Dropdown
+    //       width={StyleProps.inputSizes.regular.width}
+    //       noSelectionMessage="Choose a Bus Type"
+    //       centered
+    //       items={storageBusTypes}
+    //       selectedItem={selectedBusType}
+    //       onChange={(item: DropdownItem) => {
+    //         this.props.onDefaultStorageChange(this.props.defaultStorage?.value || null, item.value)
+    //       }}
+    //     />
+    //   )
+    // }
 
     return (
       <StorageWrapper>
@@ -447,7 +447,7 @@ class WizardStorage extends React.Component<Props> {
               <StorageName>
                 <DefaultDropdowns>
                   {renderDropdown()}
-                  {renderDefaultBusTypeDropdown()}
+                  {/* {renderDefaultBusTypeDropdown()} */}
                 </DefaultDropdowns>
               </StorageName>
             </StorageTitle>