aykhans/slash-e
1
0
Fork 0
mirror of https://github.com/aykhans/slash-e.git synced 2025-07-06 21:22:36 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: update i18n

Browse Source
This commit is contained in:
Steven
2023-09-30 22:57:30 +08:00
parent 0fd54426e6
commit fe3b78f844
6 changed files with 28 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/web/src/components/ViewSetting.tsx
View File

@ -1,9 +1,11 @@
import { Divider, Option, Select, Switch } from "@mui/joy";
import { useTranslation } from "react-i18next";
import useViewStore from "../stores/v1/view";
import Icon from "./Icon";
import Dropdown from "./common/Dropdown";
const ViewSetting = () => {
const { t } = useTranslation();
const viewStore = useViewStore();
const order = viewStore.getOrder();
const { field, direction } = order;
@ -20,7 +22,7 @@ const ViewSetting = () => {
actions={
<div className="w-52 p-2 gap-2 flex flex-col justify-start items-start" onClick={(e) => e.stopPropagation()}>
<div className="w-full flex flex-row justify-between items-center">
<span className="text-sm shrink-0 mr-2">Compact mode</span>
<span className="text-sm shrink-0 mr-2">{t("filter.compact-mode")}</span>
<Switch
size="sm"
checked={displayStyle === "compact"}
@ -29,7 +31,7 @@ const ViewSetting = () => {
</div>
<Divider className="!my-1" />
<div className="w-full flex flex-row justify-between items-center">
<span className="text-sm shrink-0 mr-2">Order by</span>
<span className="text-sm shrink-0 mr-2">{t("filter.order-by")}</span>
<Select size="sm" value={field} onChange={(_, value) => viewStore.setOrder({ field: value as any })}>
<Option value={"name"}>Name</Option>
<Option value={"updatedTs"}>CreatedAt</Option>
@ -38,7 +40,7 @@ const ViewSetting = () => {
</Select>
</div>
<div className="w-full flex flex-row justify-between items-center">
<span className="text-sm shrink-0 mr-2">Direction</span>
<span className="text-sm shrink-0 mr-2">{t("filter.direction")}</span>
<Select size="sm" value={direction} onChange={(_, value) => viewStore.setOrder({ direction: value as any })}>
<Option value={"asc"}>ASC</Option>
<Option value={"desc"}>DESC</Option>