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: update default layout to grid

Browse Source
This commit is contained in:
Steven 2023-07-29 12:24:23 +08:00
parent 890bc27982
commit 4139520181
3 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/ShortcutsContainer.tsx
View File

@ -11,7 +11,7 @@ interface Props {
const ShortcutsContainer: React.FC<Props> = (props: Props) => { const ShortcutsContainer: React.FC<Props> = (props: Props) => {
const { shortcutList } = props; const { shortcutList } = props;
const viewStore = useViewStore(); const viewStore = useViewStore();
const layout = viewStore.layout || "list"; const layout = viewStore.layout || "grid";
const [editingShortcutId, setEditingShortcutId] = useState<ShortcutId | undefined>(); const [editingShortcutId, setEditingShortcutId] = useState<ShortcutId | undefined>();
return ( return (

7
web/src/components/ViewSetting.tsx
View File

@ -1,4 +1,4 @@
import { Select, Option, Button } from "@mui/joy"; import { Select, Option, Button, Divider } from "@mui/joy";
import { toast } from "react-hot-toast"; 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";
@ -8,7 +8,7 @@ const ViewSetting = () => {
const viewStore = useViewStore(); const viewStore = useViewStore();
const order = viewStore.getOrder(); const order = viewStore.getOrder();
const { field, direction } = order; const { field, direction } = order;
const layout = viewStore.layout || "list"; const layout = viewStore.layout || "grid";
const handleReset = () => { const handleReset = () => {
viewStore.setOrder({ field: "name", direction: "asc" }); viewStore.setOrder({ field: "name", direction: "asc" });
@ -47,11 +47,12 @@ const ViewSetting = () => {
<Option value={"desc"}>DESC</Option> <Option value={"desc"}>DESC</Option>
</Select> </Select>
</div> </div>
<Divider />
<div className="w-full flex flex-row justify-between items-center"> <div className="w-full flex flex-row justify-between items-center">
<span className="text-sm shrink-0 mr-2">Layout</span> <span className="text-sm shrink-0 mr-2">Layout</span>
<Select size="sm" value={layout} onChange={(_, value) => viewStore.setLayout(value as any)}> <Select size="sm" value={layout} onChange={(_, value) => viewStore.setLayout(value as any)}>
<Option value={"list"}>List</Option>
<Option value={"grid"}>Grid</Option> <Option value={"grid"}>Grid</Option>
<Option value={"list"}>List</Option>
</Select> </Select>
</div> </div>
</div> </div>

2
web/src/stores/v1/view.ts
View File

@ -33,7 +33,7 @@ const useViewStore = create<ViewState>()(
field: "name", field: "name",
direction: "asc", direction: "asc",
}, },
layout: "list", layout: "grid",
setFilter: (filter: Partial<Filter>) => { setFilter: (filter: Partial<Filter>) => {
set({ filter: { ...get().filter, ...filter } }); set({ filter: { ...get().filter, ...filter } });
}, },