From c2aa79ffeb62c67b3679bdba681451f780702b7b Mon Sep 17 00:00:00 2001
From: Phong <phongdaohong@gmail.com>
Date: Thu, 16 Sep 2021 10:37:43 +0700
Subject: [PATCH] Translate Components in src/components

---
 content/blog/2018-10-23-react-v-16-6.md     | 2 +-
 content/docs/faq-functions.md               | 2 +-
 src/components/CodeEditor/CodeEditor.js     | 8 ++++----
 src/components/CodeExample/CodeExample.js   | 2 +-
 src/components/ErrorDecoder/ErrorDecoder.js | 4 ++--
 src/components/LayoutHeader/DocSearch.js    | 2 +-
 6 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md
index 4491d773a..456bcd0c2 100644
--- a/content/blog/2018-10-23-react-v-16-6.md
+++ b/content/blog/2018-10-23-react-v-16-6.md
@@ -119,7 +119,7 @@ Refer to the documentation for [detailed installation instructions](/docs/instal
 ## Changelog {#changelog}
 
 ### React {#react}
-
+  
 * Add `React.memo()` as an alternative to `PureComponent` for functions. ([@acdlite](https://github.com/acdlite) in [#13748](https://github.com/facebook/react/pull/13748))
 * Add `React.lazy()` for code splitting components. ([@acdlite](https://github.com/acdlite) in [#13885](https://github.com/facebook/react/pull/13885))
 * `React.StrictMode` now warns about legacy context API. ([@bvaughn](https://github.com/bvaughn) in [#13760](https://github.com/facebook/react/pull/13760))
diff --git a/content/docs/faq-functions.md b/content/docs/faq-functions.md
index e85dcefca..a0f6d1ef3 100644
--- a/content/docs/faq-functions.md
+++ b/content/docs/faq-functions.md
@@ -282,7 +282,7 @@ class Searchbox extends React.Component {
       <input
         type="text"
         onChange={this.handleChange}
-        placeholder="Search..."
+        placeholder="Tìm kiếm..."
         defaultValue={this.props.value}
       />
     );
diff --git a/src/components/CodeEditor/CodeEditor.js b/src/components/CodeEditor/CodeEditor.js
index 881865bca..9478494e2 100644
--- a/src/components/CodeEditor/CodeEditor.js
+++ b/src/components/CodeEditor/CodeEditor.js
@@ -62,12 +62,12 @@ class CodeEditor extends Component {
     if (showBabelErrorMessage) {
       errorMessage = (
         <span>
-          Babel could not be loaded.
+          Không thể tải được Babel.
           <br />
           <br />
-          This can be caused by an ad blocker. If you're using one, consider
-          adding reactjs.org to the whitelist so the live code examples will
-          work.
+          Lỗi này có thể do phần mềm chặn quảng cáo. Nếu bạn sử dụng chúng, 
+          cân nhắc thêm reactjs.org vào danh sách cho phép để trình live code 
+          này có thể chạy được.
         </span>
       );
     } else if (error != null) {
diff --git a/src/components/CodeExample/CodeExample.js b/src/components/CodeExample/CodeExample.js
index 6bb7e1ab5..07e2b86ee 100644
--- a/src/components/CodeExample/CodeExample.js
+++ b/src/components/CodeExample/CodeExample.js
@@ -74,7 +74,7 @@ class CodeExample extends Component<Props> {
         {loaded ? (
           <CodeEditor code={code} containerNodeID={containerNodeID} />
         ) : (
-          <h4>Loading code example...</h4>
+          <h4>Đang tải code mẫu...</h4>
         )}
       </div>
     );
diff --git a/src/components/ErrorDecoder/ErrorDecoder.js b/src/components/ErrorDecoder/ErrorDecoder.js
index f9d2a7380..e5f852894 100644
--- a/src/components/ErrorDecoder/ErrorDecoder.js
+++ b/src/components/ErrorDecoder/ErrorDecoder.js
@@ -69,8 +69,8 @@ function ErrorResult(props: {|code: ?string, msg: string|}) {
   if (!code) {
     return (
       <p>
-        When you encounter an error, you'll receive a link to this page for that
-        specific error and we'll show you the full error text.
+        Khi bạn gặp lỗi, bạn sẽ nhận được một link đến trang này để hiện thị 
+        cho bạn toàn bộ nội dung lỗi.
       </p>
     );
   }
diff --git a/src/components/LayoutHeader/DocSearch.js b/src/components/LayoutHeader/DocSearch.js
index 8e0877c63..500fffaae 100644
--- a/src/components/LayoutHeader/DocSearch.js
+++ b/src/components/LayoutHeader/DocSearch.js
@@ -27,7 +27,7 @@ class DocSearch extends Component<{}, State> {
         inputSelector: '#algolia-doc-search',
       });
     } else {
-      console.warn('Search has failed to load and now is being disabled');
+      console.warn('Không tải được Trình tìm kiếm lúc này nên tạm thời sẽ tắt nó.');
       this.setState({enabled: false});
     }
   }