aykhans/slash-e
1
0
Fork 0
mirror of https://github.com/aykhans/slash-e.git synced 2025-04-18 21:19:44 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: add toast to reset button

Browse Source
This commit is contained in:
Steven 2023-07-19 09:05:40 +08:00
parent e7cf0c2f79
commit c4f38f1de6
2 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/components/OrderSetting.tsx
View File

@ -1,4 +1,5 @@
import { Select, Option, Button } from "@mui/joy"; import { Select, Option, Button } from "@mui/joy";
import { toast } from "react-hot-toast";
import useViewStore from "../stores/v1/view"; import useViewStore from "../stores/v1/view";
import Dropdown from "./common/Dropdown"; import Dropdown from "./common/Dropdown";
import Icon from "./Icon"; import Icon from "./Icon";
@ -8,19 +9,24 @@ const OrderSetting = () => {
const order = viewStore.getOrder(); const order = viewStore.getOrder();
const { field, direction } = order; const { field, direction } = order;
const handleReset = () => {
viewStore.setOrder({ field: "name", direction: "asc" });
toast.success("Order reset");
};
return ( return (
<Dropdown <Dropdown
trigger={ trigger={
<button className="p-1 mr-2"> <button className="p-1 mr-2">
<Icon.ListFilter className="w-5 h-auto text-gray-600" /> <Icon.ListFilter className="w-5 h-auto text-gray-500" />
</button> </button>
} }
actions={ actions={
<div className="w-52 p-2 pt-0 gap-2 flex flex-col justify-start items-start" onClick={(e) => e.stopPropagation()}> <div className="w-52 p-2 pt-0 gap-2 flex flex-col justify-start items-start" onClick={(e) => e.stopPropagation()}>
<div className="w-full flex flex-row justify-between items-center mt-1"> <div className="w-full flex flex-row justify-between items-center mt-1">
<span className="text-sm font-medium">View order</span> <span className="text-sm font-medium">View order</span>
<Button size="sm" variant="plain" color="neutral" onClick={() => viewStore.setOrder({ field: "name", direction: "asc" })}> <Button size="sm" variant="plain" color="neutral" onClick={handleReset}>
<Icon.RefreshCw className="w-4 h-auto" /> <Icon.RefreshCw className="w-4 h-auto text-gray-500" />
</Button> </Button>
</div> </div>
<div className="w-full flex flex-row justify-between items-center"> <div className="w-full flex flex-row justify-between items-center">

2
web/src/pages/Home.tsx
View File

@ -48,7 +48,7 @@ const Home: React.FC = () => {
</div> </div>
<div className="w-full flex flex-row justify-between items-center mb-4"> <div className="w-full flex flex-row justify-between items-center mb-4">
<div className="flex flex-row justify-start items-center"> <div className="flex flex-row justify-start items-center">
<Button className="shadow" variant="soft" size="sm" onClick={() => setShowCreateShortcutDialog(true)}> <Button className="hover:shadow" variant="soft" size="sm" onClick={() => setShowCreateShortcutDialog(true)}>
<Icon.Plus className="w-5 h-auto" /> New <Icon.Plus className="w-5 h-auto" /> New
</Button> </Button>
</div> </div>