jiazhizhong/certimate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ui): new Settings layout using antd

Browse Source
This commit is contained in:
Fu Diwei
2024-12-18 21:22:25 +08:00
parent afa446aabe
commit abe6dbb5a2
12 changed files with 205 additions and 195 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
ui/src/components/access/AccessEditForm.tsx
View File

@@ -138,7 +138,7 @@ const AccessEditForm = forwardRef<AccessEditFormInstance, AccessEditFormProps>((
const handleFormProviderChange = (name: string) => {
if (name === "configForm") {
form.setFieldValue("config", configFormInst.getFieldsValue());
onModelChange?.(form.getFieldsValue());
onModelChange?.(form.getFieldsValue(true));
}
};
@@ -152,7 +152,7 @@ const AccessEditForm = forwardRef<AccessEditFormInstance, AccessEditFormProps>((
useImperativeHandle(ref, () => ({
getFieldsValue: () => {
return form.getFieldsValue();
return form.getFieldsValue(true);
},
resetFields: () => {
return form.resetFields();
@@ -180,8 +180,6 @@ const AccessEditForm = forwardRef<AccessEditFormInstance, AccessEditFormProps>((
>
<AccessTypeSelect disabled={mode !== "add"} placeholder={t("access.form.type.placeholder")} showSearch={!disabled} />
</Form.Item>
<Form.Item name="config" hidden />
</Form>
{configForm}

8
ui/src/components/access/AccessTypeSelect.tsx
View File

@@ -2,7 +2,7 @@ import { memo } from "react";
import { useTranslation } from "react-i18next";
import { Avatar, Select, Space, Tag, Typography, type SelectProps } from "antd";
import { accessProvidersMap } from "@/domain/access";
import { ACCESS_PROVIDER_USAGES, accessProvidersMap } from "@/domain/access";
export type AccessTypeSelectProps = Omit<
SelectProps,
@@ -29,17 +29,17 @@ const AccessTypeSelect = memo((props: AccessTypeSelectProps) => {
</Typography.Text>
</Space>
<div>
{provider?.usage === "apply" && (
{provider?.usage === ACCESS_PROVIDER_USAGES.APPLY && (
<>
<Tag color="orange">{t("access.props.provider.usage.dns")}</Tag>
</>
)}
{provider?.usage === "deploy" && (
{provider?.usage === ACCESS_PROVIDER_USAGES.DEPLOY && (
<>
<Tag color="blue">{t("access.props.provider.usage.host")}</Tag>
</>
)}
{provider?.usage === "all" && (
{provider?.usage === ACCESS_PROVIDER_USAGES.ALL && (
<>
<Tag color="orange">{t("access.props.provider.usage.dns")}</Tag>
<Tag color="blue">{t("access.props.provider.usage.host")}</Tag>

4
ui/src/components/notify/Bark.tsx
View File

@@ -53,7 +53,7 @@ const Bark = () => {
const data = getDetailBark();
setOriginBark({
id: config.id ?? "",
name: "common.provider.bark",
name: "common.notifier.bark",
data,
});
}, [config]);
@@ -62,7 +62,7 @@ const Bark = () => {
const data = getDetailBark();
setBark({
id: config.id ?? "",
name: "common.provider.bark",
name: "common.notifier.bark",
data,
});
}, [config]);

4
ui/src/components/notify/Telegram.tsx
View File

@@ -53,7 +53,7 @@ const Telegram = () => {
const data = getDetailTelegram();
setOriginTelegram({
id: config.id ?? "",
name: "common.provider.telegram",
name: "common.notifier.telegram",
data,
});
}, [config]);
@@ -62,7 +62,7 @@ const Telegram = () => {
const data = getDetailTelegram();
setTelegram({
id: config.id ?? "",
name: "common.provider.telegram",
name: "common.notifier.telegram",
data,
});
}, [config]);