purgatory/clash-verge
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: use lock fn

Browse Source
This commit is contained in:
GyDi 2022-02-26 17:39:36 +08:00
parent c7232522ee
commit 98b8a122b6
No known key found for this signature in database
GPG Key ID: 1C95E0D3467B3084
2 changed files with 12 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/profile/profile-item.tsx
View File

@ -1,4 +1,4 @@
import React, { useRef, useState } from "react";
import React, { useState } from "react";
import dayjs from "dayjs";
import {
alpha,
@ -11,6 +11,7 @@ import {
MenuItem,
Menu,
} from "@mui/material";
import { useLockFn } from "ahooks";
import { useSWRConfig } from "swr";
import { RefreshRounded } from "@mui/icons-material";
import { CmdType } from "../../services/types";
@ -93,20 +94,16 @@ const ProfileItem: React.FC<Props> = (props) => {
}
};
const deleteRef = useRef(false);
const onDelete = async () => {
const onDelete = useLockFn(async () => {
setAnchorEl(null);
if (deleteRef.current) return;
deleteRef.current = true;
try {
await deleteProfile(index);
mutate("getProfiles");
} catch (err: any) {
Notice.error(err.toString());
} finally {
deleteRef.current = false;
}
};
});
const handleContextMenu = (
event: React.MouseEvent<HTMLDivElement, MouseEvent>

23
src/pages/profiles.tsx
View File

@ -1,5 +1,6 @@
import useSWR, { useSWRConfig } from "swr";
import { useEffect, useRef, useState } from "react";
import { useEffect, useState } from "react";
import { useLockFn } from "ahooks";
import { Box, Button, Grid, TextField } from "@mui/material";
import {
getProfiles,
@ -81,37 +82,27 @@ const ProfilePage = () => {
}
};
const lockRef = useRef(false);
const onSelect = async (index: number, force: boolean) => {
if (lockRef.current) return;
const onSelect = useLockFn(async (index: number, force: boolean) => {
if (!force && index === profiles.current) return;
lockRef.current = true;
try {
await selectProfile(index);
mutate("getProfiles", { ...profiles, current: index }, true);
} catch (err: any) {
err && Notice.error(err.toString());
} finally {
lockRef.current = false;
}
};
});
const lockNewRef = useRef(false);
const [dialogOpen, setDialogOpen] = useState(false);
const onNew = async (name: string, desc: string) => {
if (lockNewRef.current) return;
lockNewRef.current = true;
const onNew = useLockFn(async (name: string, desc: string) => {
try {
await newProfile(name, desc);
setDialogOpen(false);
mutate("getProfiles");
} catch (err: any) {
err && Notice.error(err.toString());
} finally {
lockNewRef.current = false;
}
};
});
return (
<BasePage title="Profiles">