usememos/memos
1
1
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-01-06 23:36:31 +03:00
Code Issues Packages Projects Releases Wiki Activity

chore: show server name instead of "MEMOS" (#1639)

Browse Source
This commit is contained in:
Zeng1998 2023-05-09 08:24:13 +08:00 committed by GitHub
parent 885a0ddad0
commit 84546ff11c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/components/UserBanner.tsx
View File

@ -1,6 +1,6 @@
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { useUserStore } from "@/store/module"; import { useGlobalStore, useUserStore } from "@/store/module";
import Dropdown from "./kit/Dropdown"; import Dropdown from "./kit/Dropdown";
import Icon from "./Icon"; import Icon from "./Icon";
import UserAvatar from "./UserAvatar"; import UserAvatar from "./UserAvatar";
@ -9,7 +9,9 @@ import showSettingDialog from "./SettingDialog";
const UserBanner = () => { const UserBanner = () => {
const { t } = useTranslation(); const { t } = useTranslation();
const globalStore = useGlobalStore();
const userStore = useUserStore(); const userStore = useUserStore();
const { systemStatus } = globalStore.state;
const { user } = userStore.state; const { user } = userStore.state;
const [username, setUsername] = useState("Memos"); const [username, setUsername] = useState("Memos");
@ -39,7 +41,9 @@ const UserBanner = () => {
trigger={ trigger={
<div className="px-3 py-2 max-w-full flex flex-row justify-start items-center cursor-pointer rounded-lg hover:shadow hover:bg-white dark:hover:bg-zinc-700"> <div className="px-3 py-2 max-w-full flex flex-row justify-start items-center cursor-pointer rounded-lg hover:shadow hover:bg-white dark:hover:bg-zinc-700">
<UserAvatar avatarUrl={user?.avatarUrl} /> <UserAvatar avatarUrl={user?.avatarUrl} />
<span className="px-1 text-lg font-medium text-slate-800 dark:text-gray-200 shrink truncate">{username}</span> <span className="px-1 text-lg font-medium text-slate-800 dark:text-gray-200 shrink truncate">
{userStore.isVisitorMode() ? systemStatus.customizedProfile.name : username}
</span>
{user?.role === "HOST" ? ( {user?.role === "HOST" ? (
<span className="text-xs px-1 bg-blue-600 dark:bg-blue-800 rounded text-white dark:text-gray-200 shadow">MOD</span> <span className="text-xs px-1 bg-blue-600 dark:bg-blue-800 rounded text-white dark:text-gray-200 shadow">MOD</span>
) : null} ) : null}