Display resolver name in admin

src/app/components/FieldComponent.js

@@ -53,7 +53,7 @@ class FieldComponent extends Component {
       <React.Fragment>
         <Row>
           <Col md={2}>{fieldName}</Col>
-          <Col md={8}>{getting ? '...' : value}</Col>
+          <Col md={8}><b>{getting ? '...' : value}</b></Col>
           <Col md={2}>
             <Button variant='link' onClick={changeEdit}>{editOpen ? strings.cancel : strings.edit}</Button>
           </Col>

src/app/containers/FieldContainer.js

@@ -4,18 +4,27 @@ import { valueTypes } from '../types';
 import { validateAddress, validatePositiveNumber, validateBytes32 } from '../validations';
 import { toChecksumAddress } from '../selectors';
 import { parse } from 'query-string';
+import { multilanguage } from 'redux-multilanguage';
+import { publicResolver, multiChainResolver } from '../../config/contracts';
+
+function getResolverName (address, rskResolverText, multiChainResolverText) {
+  if (address.toLowerCase() === publicResolver.toLowerCase()) return rskResolverText;
+  if (address.toLowerCase() === multiChainResolver.toLowerCase()) return multiChainResolverText;
+  return address;
+}
 
 const mapStateToProps = (state, ownProps) => {
-  const { getField, valueType } = ownProps;
+  const { getField, valueType, strings } = ownProps;
   const { getting, value, editOpen, editting } = getField(state);
   const { name, network } = state.auth;
   const { action, defaultValue } = parse(state.router.location.search);
 
   const displayValue = valueType === valueTypes.ADDRESS ? toChecksumAddress(state)(value) :
-    valueType === valueTypes.POSITIVE_NUMBER ? value && value.toNumber() : value;
+    valueType === valueTypes.RESOLVER ? value && getResolverName(value, strings.rsk_resolver, strings.multi_chain_resolver) :
+      valueType === valueTypes.POSITIVE_NUMBER ? value && value.toNumber() : value;
 
   const validate =
-    valueType === valueTypes.ADDRESS ? address => validateAddress(address, network) :
+    (valueType === valueTypes.ADDRESS || valueType === valueTypes.RESOLVER) ? address => validateAddress(address, network) :
       valueType === valueTypes.POSITIVE_NUMBER ? number => validatePositiveNumber(number) :
         valueType === valueTypes.BYTES32 ? bytes => validateBytes32(bytes) : () => null;
 
@@ -52,8 +61,8 @@ const mergeProps = (stateProps, dispatchProps, ownProps) => {
   }
 };
 
-export default connect(
+export default multilanguage(connect(
   mapStateToProps,
   mapDispatchToProps,
   mergeProps
-)(FieldComponent);
+)(FieldComponent));

src/app/tabs/admin/containers/ResolverContainer.js

@@ -8,7 +8,7 @@ import { ResolverDatalist } from '../../../components';
 const registryFieldProps = {
   fieldName: 'resolver',
   type: 'text',
-  valueType: valueTypes.ADDRESS,
+  valueType: valueTypes.RESOLVER,
   getField: state => state.admin.resolver,
   get: getDomainResolver,
   changeEdit: resolver.changeEdit,

src/app/types.js

@@ -1,5 +1,6 @@
 export const valueTypes = {
   ADDRESS: 'ADDRESS',
   POSITIVE_NUMBER: 'POSITIVE_NUMBER',
-  BYTES32: 'BYTES32'
+  BYTES32: 'BYTES32',
+  RESOLVER: 'RESOLVER'
 };