usememos/memos
1
1
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-10-28 23:36:17 +08:00
Code Issues Projects Releases Packages Wiki Activity

chore: cleanup components naming

Browse source
This commit is contained in:
Copilot 2025-10-12 18:58:37 +08:00
parent 54e3c13435
commit 3245613a88
3 changed files with 23 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
web/src/components/BrandBanner.tsx → web/src/components/MemosLogo.tsx
View file

@ -8,7 +8,7 @@ interface Props {
collapsed?: boolean;
}
const BrandBanner = observer((props: Props) => {
const MemosLogo = observer((props: Props) => {
const { collapsed } = props;
const workspaceGeneralSetting = workspaceStore.state.generalSetting;
const title = workspaceGeneralSetting.customProfile?.title || "Memos";
@ -24,4 +24,4 @@ const BrandBanner = observer((props: Props) => {
);
});
export default BrandBanner;
export default MemosLogo;

8
web/src/components/Navigation.tsx
View file

@ -8,8 +8,8 @@ import { cn } from "@/lib/utils";
import { Routes } from "@/router";
import { userStore } from "@/store";
import { useTranslate } from "@/utils/i18n";
import BrandBanner from "./BrandBanner";
import UserBanner from "./UserBanner";
import MemosLogo from "./MemosLogo";
import UserMenu from "./UserMenu";
interface NavLinkItem {
id: string;
@ -67,7 +67,7 @@ const Navigation = observer((props: Props) => {
<header className={cn("w-full h-full overflow-auto flex flex-col justify-between items-start gap-4 hide-scrollbar", className)}>
<div className="w-full px-1 py-1 flex flex-col justify-start items-start space-y-2 overflow-auto overflow-x-hidden hide-scrollbar shrink">
<NavLink className="mb-3 cursor-default" to={currentUser ? Routes.ROOT : Routes.EXPLORE}>
<BrandBanner collapsed={collapsed} />
<MemosLogo collapsed={collapsed} />
</NavLink>
{navLinks.map((navLink) => (
<NavLink
@ -105,7 +105,7 @@ const Navigation = observer((props: Props) => {
</div>
{currentUser && (
<div className={cn("w-full flex flex-col justify-end", props.collapsed ? "items-center" : "items-start pl-3")}>
<UserBanner collapsed={collapsed} />
<UserMenu collapsed={collapsed} />
</div>
)}
</header>

19
web/src/components/UserBanner.tsx → web/src/components/UserMenu.tsx
View file

@ -12,7 +12,7 @@ interface Props {
collapsed?: boolean;
}
const UserBanner = (props: Props) => {
const UserMenu = (props: Props) => {
const { collapsed } = props;
const t = useTranslate();
const navigateTo = useNavigateTo();
@ -20,6 +20,21 @@ const UserBanner = (props: Props) => {
const handleSignOut = async () => {
await authServiceClient.deleteSession({});
// Clear user-specific localStorage items (e.g., drafts)
// Preserve app-wide settings like theme
const keysToPreserve = ["memos-theme", "tag-view-as-tree", "tag-tree-auto-expand", "viewStore"];
const keysToRemove: string[] = [];
for (let i = 0; i < localStorage.length; i++) {
const key = localStorage.key(i);
if (key && !keysToPreserve.includes(key)) {
keysToRemove.push(key);
}
}
keysToRemove.forEach((key) => localStorage.removeItem(key));
window.location.href = Routes.AUTH;
};
@ -65,4 +80,4 @@ const UserBanner = (props: Props) => {
);
};
export default UserBanner;
export default UserMenu;