usememos/memos
1
1
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-12-18 06:41:32 +08:00
Code Issues Projects Releases Packages Wiki Activity

refactor(web): remove ThemeInfoCard from preferences section

Browse source 
- Remove detailed theme system explanation from user preferences
- Keep simple descriptive label for user theme preference
- Maintain clean UI without technical details
This commit is contained in:
Omid Saadat 2025-10-29 01:34:47 +01:00
parent 279edf8b6f
commit a284053831
2 changed files with 0 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
web/src/components/Settings/PreferencesSection.tsx
View file

@ -8,7 +8,6 @@ import { useTranslate } from "@/utils/i18n";
import { convertVisibilityFromString, convertVisibilityToString } from "@/utils/memo"; import { convertVisibilityFromString, convertVisibilityToString } from "@/utils/memo";
import LocaleSelect from "../LocaleSelect"; import LocaleSelect from "../LocaleSelect";
import ThemeSelect from "../ThemeSelect"; import ThemeSelect from "../ThemeSelect";
import ThemeInfoCard from "../ThemeInfoCard";
import VisibilityIcon from "../VisibilityIcon"; import VisibilityIcon from "../VisibilityIcon";
import WebhookSection from "./WebhookSection"; import WebhookSection from "./WebhookSection";
@ -55,8 +54,6 @@ const PreferencesSection = observer(() => {
<ThemeSelect value={setting.theme} onValueChange={handleThemeChange} /> <ThemeSelect value={setting.theme} onValueChange={handleThemeChange} />
</div> </div>
<ThemeInfoCard />
<p className="font-medium text-muted-foreground">{t("setting.preference")}</p> <p className="font-medium text-muted-foreground">{t("setting.preference")}</p>
<div className="w-full flex flex-row justify-between items-center"> <div className="w-full flex flex-row justify-between items-center">

33
web/src/components/ThemeInfoCard.tsx
View file

@ -1,33 +0,0 @@
import { observer } from "mobx-react-lite";
import { Info } from "lucide-react";
import { userStore, workspaceStore } from "@/store";
const ThemeInfoCard = observer(() => {
const userTheme = userStore.state.userGeneralSetting?.theme;
const workspaceTheme = workspaceStore.state.theme || "default";
const effectiveTheme = userTheme || workspaceTheme;
return (
<div className="border border-blue-200 bg-blue-50 dark:border-blue-800 dark:bg-blue-950 rounded-lg p-4">
<div className="flex items-start gap-3">
<Info className="w-5 h-5 text-blue-600 dark:text-blue-400 mt-0.5" />
<div className="space-y-2">
<h4 className="font-medium text-blue-900 dark:text-blue-100">Theme System</h4>
<div className="text-sm text-blue-800 dark:text-blue-200 space-y-1">
<p><strong>Current effective theme:</strong> {effectiveTheme}</p>
<p><strong>Workspace default:</strong> {workspaceTheme}</p>
{userTheme && (
<p><strong>Your preference:</strong> {userTheme}</p>
)}
<p className="text-xs mt-2">
Your personal theme preference overrides the workspace default.
If you haven't set a personal preference, the workspace default is used.
</p>
</div>
</div>
</div>
</div>
);
});
export default ThemeInfoCard;