Implemenst search by punycode (#197)

Co-authored-by: Fernando Falci <fernando.falci@adevinta.com> Co-authored-by: Chi Kei Chan <chikeichan@gmail.com>
kyokan · Aug 7, 2020 · 799f7f2 · 799f7f2
1 parent 6b9fdca
commit 799f7f2
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/app/components/TLDInput/index.js b/app/components/TLDInput/index.js
@@ -5,6 +5,7 @@ import { connect } from 'react-redux';
 import c from 'classnames';
 import * as nameActions from '../../ducks/names';
 import { verifyName } from '../../utils/nameChecker';
+import { decodePunycode } from '../../utils/nameHelpers';
 import './TLDInput.scss';
 
 @withRouter
@@ -39,7 +40,7 @@ class TLDInput extends Component {
   };
 
   handleSearchClick = () => {
-    const name = this.state.inputValue;
+    const name = decodePunycode(this.state.inputValue);
 
     if (!name.length) {
       return;

diff --git a/app/utils/nameHelpers.js b/app/utils/nameHelpers.js
@@ -77,6 +77,15 @@ function checkState(name, expectedState) {
   return info.state === expectedState;
 }
 
+
+export const decodePunycode = name => {
+  try {
+    return punycode.toASCII(name);
+  } catch(e) {}
+
+  return name;
+}
+
 export const formatName = name => {
   if (!name)
     return name;
@@ -89,4 +98,4 @@ export const formatName = name => {
   } catch(e) {}
 
   return `${name}/`;
-}
+}