From c8481e50ec876cd48b814d33ef541fbb674e6feb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nguy=E1=BB=85n=20H=E1=BA=A3i=20D=C5=A9ng?=
 <haidung0902@gmail.com>
Date: Fri, 23 Dec 2022 11:05:40 +0700
Subject: [PATCH 1/2] socket

---
 app/.env                        | 1 +
 app/src/components/User/User.js | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/.env b/app/.env
index 0d844a6..cb00820 100644
--- a/app/.env
+++ b/app/.env
@@ -1,2 +1,3 @@
 REACT_APP_HOST='http://api.face-classify.beetai.com'
 REACT_APP_SOURCE_IMG=0
+WDS_SOCKET_PORT=0
diff --git a/app/src/components/User/User.js b/app/src/components/User/User.js
index 8293104..e12a6f1 100644
--- a/app/src/components/User/User.js
+++ b/app/src/components/User/User.js
@@ -377,8 +377,8 @@ export default function User() {
                                     </div>
                                     <div className="table-responsive text-nowrap">
                                         <table className="table table-bordered font-family-text color table-hover table-checkable dataTable no-footer dtr-inline collapsed">
-                                            <thead>
-                                                <tr>
+                                            <thead className='k-grid-header' role='rowgroup' style={{backgroundColor: '#2673b4'}}>
+                                                <tr className='font-family-text color' style={{color: 'white', fontWeight: 600, fontSize: 16,}}>
                                                     <th style={{ 'verticalAlign': 'middle', 'width': '80px' }}>STT</th>
                                                     <th style={{ 'verticalAlign': 'middle', 'width': '240px' }}>Tên đăng nhập</th>
                                                     <th style={{ 'verticalAlign': 'middle', 'width': '280px' }}>Họ tên</th>

From f40c3eca9ff111a88ae3f388670bb6d94d2fe5d9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nguy=E1=BB=85n=20H=E1=BA=A3i=20D=C5=A9ng?=
 <haidung0902@gmail.com>
Date: Fri, 23 Dec 2022 11:21:51 +0700
Subject: [PATCH 2/2] fix socket

---
 app/.env                                    | 2 +-
 app/src/components/ImportImg/ImportImage.js | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/.env b/app/.env
index cb00820..45140a0 100644
--- a/app/.env
+++ b/app/.env
@@ -1,3 +1,3 @@
 REACT_APP_HOST='http://api.face-classify.beetai.com'
-REACT_APP_SOURCE_IMG=0
+REACT_APP_SOURCE_IMG=1
 WDS_SOCKET_PORT=0
diff --git a/app/src/components/ImportImg/ImportImage.js b/app/src/components/ImportImg/ImportImage.js
index 375ddb2..379db29 100644
--- a/app/src/components/ImportImg/ImportImage.js
+++ b/app/src/components/ImportImg/ImportImage.js
@@ -259,7 +259,7 @@ class ImportImage extends Component {
                                         })
                                     }}
                                     value={this.state.dataSearch}
-                                    id="inputSearch" className="form-control m-input"
+                                    id="inputSearch" className="form-control m-input font-family-text"
                                     placeholder="Tên ảnh..."
                                     data-col-index={0}
                                 />
@@ -267,6 +267,7 @@ class ImportImage extends Component {
                             <div className="form-group m-form__group col-xl-2">
                                 {process.env.REACT_APP_SOURCE_IMG === "1" ?
                                     <Select
+                                        className="font-family-text"
                                         placeholder={'Loại ảnh'}
                                         value={this.state.valueSelected}
                                         onChange={this.changeHandleFilter}
@@ -333,7 +334,7 @@ class ImportImage extends Component {
                                 {this.state.dataRole?.indexOf('import:edit') === -1 && this.state.dataRole?.indexOf('import:delete') === -1 ? "" : <th>Thao tác</th>}
                             </tr>
                         </thead>
-                        <tbody>{bulletedListImg}</tbody>
+                        <tbody className="font-family-text">{bulletedListImg}</tbody>
                     </table>
                     <Modalupload
                                 show={this.state.modalUploadShow}