From f0fd4fd758352200de1bfcfb05abf81a24c10c8e Mon Sep 17 00:00:00 2001
From: Lei OT <lyt@hainatravel.com>
Date: Wed, 27 Mar 2024 14:23:55 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=A3=80=E6=B5=8B=E6=B6=88?=
 =?UTF-8?q?=E6=81=AF=E6=8F=90=E9=86=92=E7=9A=84=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/msgUtils.js     | 2 +-
 src/views/MobileApp.jsx | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/lib/msgUtils.js b/src/lib/msgUtils.js
index cf9a2db..bd32149 100644
--- a/src/lib/msgUtils.js
+++ b/src/lib/msgUtils.js
@@ -600,7 +600,7 @@ export const whatsappSupportFileTypes = {
  */
 export const handleNotification = (title, _options) => {
   if (!("Notification" in window)) {
-    alert("This browser does not support desktop notification");
+    // alert("This browser does not support desktop notification");
     return false;
   }
   var notification;
diff --git a/src/views/MobileApp.jsx b/src/views/MobileApp.jsx
index 27b6c12..7467c49 100644
--- a/src/views/MobileApp.jsx
+++ b/src/views/MobileApp.jsx
@@ -3,7 +3,7 @@ import '@/assets/App.css'
 import AppLogo from '@/assets/logo-gh.png'
 import { useThemeContext } from '@/stores/ThemeContext'
 import useAuthStore from '@/stores/AuthStore'
-import { Col, Layout, Row, Typography, theme, Space, Avatar, Dropdown, } from 'antd'
+import { Col, Layout, Row, Typography, theme, Space, Avatar, Dropdown, Flex, } from 'antd'
 import { DownOutlined } from '@ant-design/icons'
 import { NavLink, Outlet,  Link } from 'react-router-dom'
 const { Header, Footer, Content } = Layout
@@ -45,7 +45,7 @@ function MobileApp() {
 
   return (
     <Layout>
-      <Header className='header' style={{ position: 'sticky', top: 0, zIndex: 1, width: '100%', background: 'white' }}>
+      <Header className='header px-2' style={{ position: 'sticky', top: 0, zIndex: 1, width: '100%', background: 'white' }}>
         <Row gutter={{ md: 24 }} align='middle'>
           <Col flex="auto" style={{ color: "white", marginBottom: "0", display: "flex", justifyContent: "center" }}>
             <NavLink to='/m/conversation'>
@@ -64,9 +64,10 @@ function MobileApp() {
             >
               <a onClick={(e) => e.preventDefault()} style={{ color: colorPrimary }}>
                 <Space><Avatar
-                src={loginUser.avatarUrl}>{loginUser?.username?.substring(1)}</Avatar>{loginUser.username}<DownOutlined />​</Space>
+                src={loginUser.avatarUrl}>{loginUser?.username?.substring(1)}</Avatar>{loginUser.username}<DownOutlined /></Space>
               </a>
             </Dropdown>
+            {!("Notification" in window) && <span>🔕</span>}
           </Col>
         </Row>
       </Header>