chore: adjust the tooltip title for toggling the theme

w2xi · Oct 6, 2024 · 3cbfae1 · 3cbfae1
1 parent 9e04c0f
commit 3cbfae1
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/pages/layout/header.tsx b/src/pages/layout/header.tsx
@@ -45,7 +45,7 @@ function HeaderComponent() {
         {collapsed ? <MenuUnfoldOutlined /> : <MenuFoldOutlined />}
       </span>
       <div className="actions">
-        <Tooltip title={theme === 'dark' ? 'light mode' : 'dark mode'}>
+        <Tooltip title={ 'Switch to ' + `${theme === 'dark' ? 'light' : 'dark'}` + ' theme' }>
           <span className="action-btn" onClick={() => setTheme(theme === 'dark' ? 'light' : 'dark')}>
             {theme === 'dark' ? <SunOutlined /> : <MoonOutlined />}
           </span>