root/clash-verge-rev
1
0
Fork 0
mirror of https://github.com/clash-verge-rev/clash-verge-rev.git synced 2026-01-29 08:45:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: profile components

Browse Source
This commit is contained in:
Slinetrac
2025-10-14 23:45:12 +08:00
parent 5d114806f7
commit 4f2633a62b
11 changed files with 382 additions and 272 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/profile/profile-more.tsx
View File

@@ -25,12 +25,15 @@ interface Props {
onSave?: (prev?: string, curr?: string) => void;
}
const EMPTY_LOG_INFO: [string, string][] = [];
// profile enhanced item
export const ProfileMore = (props: Props) => {
const { id, logInfo = [], onSave } = props;
const { id, logInfo, onSave } = props;
const entries = logInfo ?? EMPTY_LOG_INFO;
const { t } = useTranslation();
const [anchorEl, setAnchorEl] = useState<any>(null);
const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);
const [position, setPosition] = useState({ left: 0, top: 0 });
const [fileOpen, setFileOpen] = useState(false);
const [logOpen, setLogOpen] = useState(false);
@@ -49,7 +52,7 @@ export const ProfileMore = (props: Props) => {
}
});
const hasError = !!logInfo.find((e) => e[0] === "exception");
const hasError = entries.some(([level]) => level === "exception");
const itemMenu = [
{ label: "Edit File", handler: onEditFile },
@@ -71,7 +74,7 @@ export const ProfileMore = (props: Props) => {
onContextMenu={(event) => {
const { clientX, clientY } = event;
setPosition({ top: clientY, left: clientX });
setAnchorEl(event.currentTarget);
setAnchorEl(event.currentTarget as HTMLElement);
event.preventDefault();
}}
>
@@ -173,7 +176,7 @@ export const ProfileMore = (props: Props) => {
schema={id === "Merge" ? "clash" : undefined}
onSave={async (prev, curr) => {
await saveProfileFile(id, curr ?? "");
onSave && onSave(prev, curr);
onSave?.(prev, curr);
}}
onClose={() => setFileOpen(false)}
/>
@@ -181,7 +184,7 @@ export const ProfileMore = (props: Props) => {
{logOpen && (
<LogViewer
open={logOpen}
logInfo={logInfo}
logInfo={entries}
onClose={() => setLogOpen(false)}
/>
)}