YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: apply customized profile name in mobile header (#2723)

Browse Source 
Fix mobile header title, apply customized profile name
This commit is contained in:
Wen Sun
2024-01-16 10:04:03 +09:00
committed by GitHub
parent f1ee88c4e1
commit 1fdb8b7b01
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web/src/components/MobileHeader.tsx
View File

@@ -2,6 +2,7 @@ import classNames from "classnames";
import { useState } from "react"; import { useState } from "react";
import useWindowScroll from "react-use/lib/useWindowScroll"; import useWindowScroll from "react-use/lib/useWindowScroll";
import useResponsiveWidth from "@/hooks/useResponsiveWidth"; import useResponsiveWidth from "@/hooks/useResponsiveWidth";
import { useGlobalStore } from "@/store/module";
import NavigationDrawer from "./NavigationDrawer"; import NavigationDrawer from "./NavigationDrawer";
interface Props { interface Props {
@@ -10,6 +11,8 @@ interface Props {
} }
const MobileHeader = (props: Props) => { const MobileHeader = (props: Props) => {
const globalStore = useGlobalStore();
const { systemStatus } = globalStore.state;
const { className, children } = props; const { className, children } = props;
const { sm } = useResponsiveWidth(); const { sm } = useResponsiveWidth();
const [titleText] = useState("Memos"); const [titleText] = useState("Memos");
@@ -29,7 +32,7 @@ const MobileHeader = (props: Props) => {
className="font-bold text-lg leading-10 mr-1 text-ellipsis shrink-0 cursor-pointer overflow-hidden text-gray-700 dark:text-gray-300" className="font-bold text-lg leading-10 mr-1 text-ellipsis shrink-0 cursor-pointer overflow-hidden text-gray-700 dark:text-gray-300"
onDoubleClick={() => location.reload()} onDoubleClick={() => location.reload()}
> >
{titleText} {systemStatus.customizedProfile.name || titleText}
</span> </span>
</div> </div>
<div className="flex flex-row justify-end items-center">{children}</div> <div className="flex flex-row justify-end items-center">{children}</div>