fix: add default field (#864)

Signed-off-by: Yi-Ya Chen <[email protected]>
(cherry picked from commit f3940f1)

Author: houhoucoop

src/routes/host/HostFilter.js

@@ -76,9 +76,10 @@ class HostFilter extends React.Component {
   }
 
   render() {
-    const { location, onSearch, stateOption, fieldOption, selectedHostRows } = this.props
+    const { location, onSearch, stateOption, fieldOption, selectedHostRows, defaultField } = this.props
     const searchGroupProps = {
       location,
+      defaultField,
       stateOption,
       fieldOption,
       onSearch: (value) => {
@@ -105,6 +106,7 @@ class HostFilter extends React.Component {
 HostFilter.propTypes = {
   onSearch: PropTypes.func,
   location: PropTypes.object,
+  defaultField: PropTypes.string,
   stateOption: PropTypes.array,
   fieldOption: PropTypes.array,
   selectedHostRows: PropTypes.array,

src/routes/host/index.js

@@ -315,8 +315,9 @@ function Host({ host, volume, setting, loading, dispatch, location }) {
     replicaModalDeleteLoading,
   }
 
-  const HostFilterProps = {
+  const hostFilterProps = {
     location,
+    defaultField: 'name',
     selectedHostRows,
     dispatch,
     stateOption: [
@@ -357,7 +358,7 @@ function Host({ host, volume, setting, loading, dispatch, location }) {
 
   return (
     <div className="content-inner" style={{ display: 'flex', flexDirection: 'column', overflow: 'visible !important' }}>
-      <HostFilter ref={(component) => { hostFilter = component }} {...HostFilterProps} />
+      <HostFilter ref={(component) => { hostFilter = component }} {...hostFilterProps} />
       <HostList ref={(component) => { hostList = component }} {...hostListProps} />
       {modalVisible && <AddDisk {...addDiskModalProps} />}
       {replicaModalVisible && <HostReplica {...hostReplicaModalProps} />}

src/routes/instanceManager/index.js

@@ -62,6 +62,7 @@ class InstanceManager extends React.Component {
 
     const instanceManagerFilterProps = {
       location,
+      defaultField: 'name',
       fieldOption: [
         { value: 'name', name: 'Name' },
         { value: 'nodeID', name: 'Node' },

src/routes/volume/index.js

@@ -597,6 +597,7 @@ class Volume extends React.Component {
 
     const volumeFilterProps = {
       location,
+      defaultField: 'name',
       stateOption: [
         { value: 'healthy', name: 'Healthy' },
         { value: 'inProgress', name: 'In Progress' },