From 12daa7b687de98718dd2873d25305ccd0baedee0 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: Tue, 20 Dec 2022 17:37:58 +0700
Subject: [PATCH] fix token

---
 app/src/components/layouts/Header.js | 88 +++++++++++++++-------------
 1 file changed, 46 insertions(+), 42 deletions(-)

diff --git a/app/src/components/layouts/Header.js b/app/src/components/layouts/Header.js
index e12f6bb..303d728 100644
--- a/app/src/components/layouts/Header.js
+++ b/app/src/components/layouts/Header.js
@@ -130,51 +130,55 @@ class Header extends Component {
                                                 </div>
                                             </div>
                                         </li>
-                                        <li className="m-nav__item m-dropdown m-dropdown--medium m-dropdown--arrow  m-dropdown--align-right m-dropdown--mobile-full-width m-dropdown--skin-light icon_logout" m-dropdown-toggle="click">
-                                            <a href="#" className="m-nav__link m-dropdown__toggle">
-                                                <span className="m-topbar__userpic">
-                                                    <img src="/img/photo-placeholder.png" className="m--img-rounded m--marginless m--img-centered" alt="" />
-                                                </span>
-                                                <span className="m-nav__link-icon m-topbar__usericon  m--hide">
-                                                    <span className="m-nav__link-icon-wrapper"><i className="flaticon-user-ok" /></span>
-                                                </span>
-                                            </a>
-                                            <div className="m-dropdown__wrapper">
-                                                <span className="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust" />
-                                                <div className="m-dropdown__inner">
-                                                    <div className="m-dropdown__header m--align-center">
-                                                        <div className="m-card-user m-card-user--skin-light">
-                                                            <div className="m-card-user__pic">
-                                                                <img src="/img/photo-placeholder.png" className="m--img-rounded m--marginless" alt="" />
-                                                            </div>
-                                                            <div className="m-card-user__details">
-                                                                <span className="font-family-text m-card-user__name m--font-weight-500">{this.state.username}</span>
-                                                                <div href="#/" className="m-card-user__email m--font-weight-300 m-link"><span className='font-family-text'>{this.state.full_name}</span></div>
+                                        {
+                                            this.state.obj_id ? (
+                                                <li className="m-nav__item m-dropdown m-dropdown--medium m-dropdown--arrow  m-dropdown--align-right m-dropdown--mobile-full-width m-dropdown--skin-light icon_logout" m-dropdown-toggle="click">
+                                                    <a href="#" className="m-nav__link m-dropdown__toggle">
+                                                        <span className="m-topbar__userpic">
+                                                            <img src="/img/photo-placeholder.png" className="m--img-rounded m--marginless m--img-centered" alt="" />
+                                                        </span>
+                                                        <span className="m-nav__link-icon m-topbar__usericon  m--hide">
+                                                            <span className="m-nav__link-icon-wrapper"><i className="flaticon-user-ok" /></span>
+                                                        </span>
+                                                    </a>
+                                                    <div className="m-dropdown__wrapper">
+                                                        <span className="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust" />
+                                                        <div className="m-dropdown__inner">
+                                                            <div className="m-dropdown__header m--align-center">
+                                                                <div className="m-card-user m-card-user--skin-light">
+                                                                    <div className="m-card-user__pic">
+                                                                        <img src="/img/photo-placeholder.png" className="m--img-rounded m--marginless" alt="" />
+                                                                    </div>
+                                                                    <div className="m-card-user__details">
+                                                                        <span className="font-family-text m-card-user__name m--font-weight-500">{this.state.username}</span>
+                                                                        <div href="#/" className="m-card-user__email m--font-weight-300 m-link"><span className='font-family-text'>{this.state.full_name}</span></div>
+                                                                        </div>
                                                                 </div>
+                                                            </div>
+                                                            <div className="m-dropdown__body">
+                                                                <div className="m-dropdown__content">
+                                                                    <ul className="m-nav m-nav--skin-light">
+                                                                        <li className="m-nav__separator m-nav__separator--fit">
+                                                                        </li>
+                                                                        <li className="m-nav__item">
+                                                                            <a className="btn m-btn--pill btn-secondary m-btn m-btn--custom m-btn--label-brand m-btn--bolder"
+                                                                                onClick={() => {
+                                                                                    localStorage.removeItem("access_token");
+                                                                                    window.location.href = "/login";
+                                                                                }}
+                                                                            ><span className='font-family-text'>
+                                                                                Đăng Xuất
+                                                                            </span>
+                                                                            </a>
+                                                                        </li>
+                                                                    </ul>
+                                                                </div>
+                                                            </div>
                                                         </div>
                                                     </div>
-                                                    <div className="m-dropdown__body">
-                                                        <div className="m-dropdown__content">
-                                                            <ul className="m-nav m-nav--skin-light">
-                                                                <li className="m-nav__separator m-nav__separator--fit">
-                                                                </li>
-                                                                <li className="m-nav__item">
-                                                                    <a className="btn m-btn--pill btn-secondary m-btn m-btn--custom m-btn--label-brand m-btn--bolder"
-                                                                        onClick={() => {
-                                                                            localStorage.removeItem("access_token");
-                                                                            window.location.href = "/login";
-                                                                        }}
-                                                                    ><span className='font-family-text'>
-                                                                        Đăng Xuất
-                                                                    </span>
-                                                                    </a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </li>
+                                                </li>
+                                            ) : null
+                                        }
                                     </ul>
                                 </div>
                             </div>