fix(xo-web): component names must be in PascalCase (#5322)

packages/xo-web/src/common/iso-device.js

@@ -8,7 +8,6 @@ import Icon from 'icon'
 import Tooltip from 'tooltip'
 import { alert } from 'modal'
 import { isAdmin } from 'selectors'
-import { SelectVdi, SelectResourceSetsVdi } from './select-objects'
 import { addSubscriptions, connectStore, resolveResourceSet } from './utils'
 import { ejectCd, insertCd, subscribeResourceSets } from './xo'
 import {
@@ -17,6 +16,10 @@ import {
   createGetObject,
   createSelector,
 } from './selectors'
+import {
+  SelectResourceSetsVdi,
+  SelectVdi as SelectAnyVdi,
+} from './select-objects'
 
 const vdiPredicate = vdi => !vdi.missing
 
@@ -92,11 +95,11 @@ export default class IsoDevice extends Component {
     const { cdDrive, isAdmin, mountedIso } = this.props
     const resourceSet = this._getResolvedResourceSet()
     const useResourceSet = !(isAdmin || resourceSet === undefined)
-    const SelectVdi_ = useResourceSet ? SelectResourceSetsVdi : SelectVdi
+    const SelectVdi = useResourceSet ? SelectResourceSetsVdi : SelectAnyVdi
 
     return (
       <div className='input-group'>
-        <SelectVdi_
+        <SelectVdi
           onChange={this._handleInsert}
           predicate={vdiPredicate}
           resourceSet={useResourceSet ? resourceSet : undefined}

packages/xo-web/src/xo-app/vm/tab-disks.js

@@ -32,7 +32,6 @@ import {
   noop,
   resolveResourceSet,
 } from 'utils'
-import { SelectSr, SelectVdi, SelectResourceSetsSr } from 'select-objects'
 import { SizeInput, Toggle } from 'form'
 import { XoSelect, Size, Text } from 'editable'
 import { confirm } from 'modal'
@@ -68,6 +67,11 @@ import {
   setBootableVbd,
   subscribeResourceSets,
 } from 'xo'
+import {
+  SelectResourceSetsSr,
+  SelectSr as SelectAnySr,
+  SelectVdi,
+} from 'select-objects'
 
 const compareSrs = createCompare([isSrShared])
 
@@ -284,13 +288,13 @@ class NewDisk extends Component {
     const diskLimit = this._getResourceSetDiskLimit()
     const resourceSet = this._getResolvedResourceSet()
 
-    const SelectSr_ =
-      isAdmin || resourceSet == null ? SelectSr : SelectResourceSetsSr
+    const SelectSr =
+      isAdmin || resourceSet == null ? SelectAnySr : SelectResourceSetsSr
 
     return (
       <form id='newDiskForm'>
         <div className='form-group'>
-          <SelectSr_
+          <SelectSr
             onChange={this.linkState('sr')}
             predicate={this._getSrPredicate()}
             required

packages/xo-web/src/xo-app/vm/tab-network.js

@@ -28,7 +28,7 @@ import {
   resolveResourceSet,
 } from 'utils'
 import {
-  SelectNetwork,
+  SelectNetwork as SelectAnyNetwork,
   SelectIp,
   SelectResourceSetIp,
   SelectResourceSetsNetwork,
@@ -868,13 +868,15 @@ class NewVif extends BaseComponent {
     const { mac, network } = this.state
     const resourceSet = this._getResolvedResourceSet()
 
-    const Select_ =
-      isAdmin || resourceSet == null ? SelectNetwork : SelectResourceSetsNetwork
+    const SelectNetwork =
+      isAdmin || resourceSet == null
+        ? SelectAnyNetwork
+        : SelectResourceSetsNetwork
 
     return (
       <form id='newVifForm'>
         <div className='form-group'>
-          <Select_
+          <SelectNetwork
             onChange={this._selectNetwork}
             predicate={this._getNetworkPredicate()}
             required