public/AdGuardHome
1
0
Fork 0
mirror of https://git.vectorsigma.ru/public/AdGuardHome.git synced 2026-07-28 22:29:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

review fix

Browse Source
This commit is contained in:
Ildar Kamalov
2025-08-29 16:25:53 +03:00
parent e416ec6552
commit f488d91a1c
6 changed files with 20 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client_v2/src/__locales/en.json
View File

@@ -876,6 +876,8 @@
"cache_config_optimistic": "Optimistic caching",
"cache_config_optimistic_desc": "AdGuard Home will respond from the cache even if the entries have expired and will try to update them",
"cache_config_clear": "Clear cache",
"cache_config_size_validation": "The cache size must be greater than zero when enabled",
"cache_config_ttl_validation": "Minimum cache TTL override must be less than or equal to the maximum",
"cache_enabled": "Enable cache",
"cache_enabled_desc": "Store DNS responses locally",
"cache_confirm_clear_title": "Clear DNS cache",

10
client_v2/src/components/DnsSettings/Access/Form.tsx
View File

@@ -73,7 +73,7 @@ export const Form = ({ initialValues, onSubmit, processingSet }: FormProps) => {
control,
handleSubmit,
watch,
formState: { isSubmitting, isDirty },
formState: { isSubmitting },
} = useForm<FormData>({
mode: 'onBlur',
defaultValues: {
@@ -83,8 +83,6 @@ export const Form = ({ initialValues, onSubmit, processingSet }: FormProps) => {
},
});
const allowedClients = watch('allowed_clients');
const renderField = ({
id,
title,
@@ -96,8 +94,6 @@ export const Form = ({ initialValues, onSubmit, processingSet }: FormProps) => {
faq: ReactNode;
normalizeOnBlur: (value: string) => string;
}) => {
const disabled = allowedClients && id === 'disallowed_clients';
return (
<div key={id} className={theme.form.input}>
<Controller
@@ -111,11 +107,9 @@ export const Form = ({ initialValues, onSubmit, processingSet }: FormProps) => {
label={
<>
{title}
{disabled && <>&nbsp;({intl.getMessage('disabled')})</>}
<FaqTooltip text={faq} menuSize="large" spacing={id === 'blocked_hosts'} />
</>
}
disabled={disabled || processingSet}
onBlur={(e) => {
field.onChange(normalizeOnBlur(e.target.value));
}}
@@ -137,7 +131,7 @@ export const Form = ({ initialValues, onSubmit, processingSet }: FormProps) => {
id="access_save"
variant="primary"
size="small"
disabled={isSubmitting || !isDirty || processingSet}
disabled={isSubmitting || processingSet}
className={theme.form.button}>
{intl.getMessage('save')}
</Button>

9
client_v2/src/components/DnsSettings/Cache/Form.tsx
View File

@@ -104,7 +104,6 @@ export const Form = ({ initialValues, onSubmit }: CacheFormProps) => {
onChange={field.onChange}
onBlur={field.onBlur}
data-testid="dns_cache_enabled"
disabled={processingSetConfig}
verticalAlign="start">
<div>
<div className={theme.text.t2}>{intl.getMessage('cache_enabled')}</div>
@@ -132,7 +131,6 @@ export const Form = ({ initialValues, onSubmit }: CacheFormProps) => {
</>
}
placeholder={placeholder}
disabled={processingSetConfig}
min={0}
max={UINT32_RANGE.MAX}
onChange={(e) => {
@@ -145,12 +143,14 @@ export const Form = ({ initialValues, onSubmit }: CacheFormProps) => {
/>
{name === CACHE_CONFIG_FIELDS.cache_size && cacheSizeZeroWhenEnabled && (
<span className={theme.form.error}>{intl.getMessage('cache_size_validation')}</span>
<div className={theme.form.error}>{intl.getMessage('cache_config_size_validation')}</div>
)}
</div>
))}
{minExceedsMax && <div className={theme.form.error}>{intl.getMessage('ttl_cache_validation')}</div>}
{minExceedsMax && (
<div className={theme.form.error}>{intl.getMessage('cache_config_ttl_validation')}</div>
)}
<div className={theme.form.input}>
<Controller
@@ -163,7 +163,6 @@ export const Form = ({ initialValues, onSubmit }: CacheFormProps) => {
onChange={field.onChange}
onBlur={field.onBlur}
data-testid="dns_cache_optimistic"
disabled={processingSetConfig}
verticalAlign="start">
<div>
<div className={theme.text.t2}>{intl.getMessage('cache_config_optimistic')}</div>

13
client_v2/src/components/DnsSettings/ServerConfig/blocks/Form/Form.tsx
View File

@@ -150,7 +150,6 @@ export const Form = ({ processing, initialValues, onSubmit }: Props) => {
errorMessage={fieldState.error?.message}
min={UINT32_RANGE.MIN}
max={UINT32_RANGE.MAX}
disabled={!!processing}
onChange={(e) => {
const { value } = e.target;
field.onChange(toNumber(value));
@@ -183,7 +182,6 @@ export const Form = ({ processing, initialValues, onSubmit }: Props) => {
errorMessage={fieldState.error?.message}
min={0}
max={32}
disabled={!!processing}
onChange={(e) => {
const { value } = e.target;
field.onChange(toNumber(value));
@@ -216,7 +214,6 @@ export const Form = ({ processing, initialValues, onSubmit }: Props) => {
errorMessage={fieldState.error?.message}
min={0}
max={128}
disabled={!!processing}
onChange={(e) => {
const { value } = e.target;
field.onChange(toNumber(value));
@@ -245,7 +242,6 @@ export const Form = ({ processing, initialValues, onSubmit }: Props) => {
}
placeholder={intl.getMessage('ip_addresses_placeholder')}
errorMessage={fieldState.error?.message}
disabled={!!processing}
size="medium"
/>
)}
@@ -263,7 +259,6 @@ export const Form = ({ processing, initialValues, onSubmit }: Props) => {
onChange={field.onChange}
onBlur={field.onBlur}
data-testid="dns_config_edns_cs_enabled"
disabled={!!processing}
verticalAlign="start">
<div>
<div className={theme.text.t2}>{intl.getMessage('server_config_edns_enable')}</div>
@@ -286,7 +281,7 @@ export const Form = ({ processing, initialValues, onSubmit }: Props) => {
onChange={field.onChange}
onBlur={field.onBlur}
data-testid="dns_config_edns_use_custom_ip"
disabled={processing || !edns_cs_enabled}
disabled={!edns_cs_enabled}
verticalAlign="start">
<div>
<div className={theme.text.t2}>
@@ -318,7 +313,7 @@ export const Form = ({ processing, initialValues, onSubmit }: Props) => {
data-testid="dns_config_edns_cs_custom_ip"
placeholder={intl.getMessage('enter_ip_address_placeholder')}
errorMessage={fieldState.error?.message}
disabled={processing || !edns_cs_enabled}
disabled={!edns_cs_enabled}
/>
)}
/>
@@ -338,7 +333,6 @@ export const Form = ({ processing, initialValues, onSubmit }: Props) => {
onChange={field.onChange}
onBlur={field.onBlur}
id={`dns_config_${name}`}
disabled={!!processing}
verticalAlign="start">
<div>
<div className={theme.text.t2}>{placeholder}</div>
@@ -371,7 +365,6 @@ export const Form = ({ processing, initialValues, onSubmit }: Props) => {
handleChange={field.onChange}
name={field.name}
options={blockingModeOptions}
disabled={!!processing}
/>
)}
/>
@@ -403,7 +396,6 @@ export const Form = ({ processing, initialValues, onSubmit }: Props) => {
}
placeholder={placeholder}
errorMessage={fieldState.error?.message}
disabled={!!processing}
/>
)}
/>
@@ -435,7 +427,6 @@ export const Form = ({ processing, initialValues, onSubmit }: Props) => {
errorMessage={fieldState.error?.message}
min={UINT32_RANGE.MIN}
max={UINT32_RANGE.MAX}
disabled={!!processing}
onChange={(e) => {
const { value } = e.target;
field.onChange(toNumber(value));

14
client_v2/src/components/DnsSettings/Upstream/blocks/Form/Form.tsx
View File

@@ -65,7 +65,7 @@ export const Form = ({ initialValues, onSubmit }: FormProps) => {
control,
handleSubmit,
watch,
formState: { isSubmitting, isDirty },
formState: { isSubmitting },
} = useForm<FormData>({
mode: 'onBlur',
defaultValues: {
@@ -97,7 +97,7 @@ export const Form = ({ initialValues, onSubmit }: FormProps) => {
};
const isSavingDisabled = () => {
return isSubmitting || !isDirty || processingSetConfig || processingTestUpstream;
return isSubmitting || processingSetConfig || processingTestUpstream;
};
const isTestDisabled = () => {
@@ -145,7 +145,7 @@ export const Form = ({ initialValues, onSubmit }: FormProps) => {
</>
}
placeholder={intl.getMessage('upstream_dns_placeholder')}
disabled={!!upstreamDnsFile || processingSetConfig || processingTestUpstream}
disabled={!!upstreamDnsFile || processingTestUpstream}
size="medium"
/>
</>
@@ -162,7 +162,7 @@ export const Form = ({ initialValues, onSubmit }: FormProps) => {
{...field}
handleChange={field.onChange}
options={upstreamModeOptions}
disabled={processingSetConfig || processingTestUpstream}
disabled={processingTestUpstream}
verticalAlign="start"
textClassName={s.radioText}
/>
@@ -192,7 +192,6 @@ export const Form = ({ initialValues, onSubmit }: FormProps) => {
</>
}
placeholder={intl.getMessage('ip_addresses_placeholder')}
disabled={processingSetConfig}
size="medium"
/>
)}
@@ -218,7 +217,6 @@ export const Form = ({ initialValues, onSubmit }: FormProps) => {
</>
}
placeholder={intl.getMessage('ip_addresses_placeholder')}
disabled={processingSetConfig}
size="medium"
/>
)}
@@ -262,7 +260,6 @@ export const Form = ({ initialValues, onSubmit }: FormProps) => {
</>
}
placeholder={intl.getMessage('ip_addresses_placeholder')}
disabled={processingSetConfig}
size="medium"
/>
)}
@@ -280,7 +277,6 @@ export const Form = ({ initialValues, onSubmit }: FormProps) => {
checked={field.value}
onChange={field.onChange}
onBlur={field.onBlur}
disabled={processingSetConfig}
verticalAlign="start">
<div>
<div className={theme.text.t2}>
@@ -306,7 +302,6 @@ export const Form = ({ initialValues, onSubmit }: FormProps) => {
checked={field.value}
onChange={field.onChange}
onBlur={field.onBlur}
disabled={processingSetConfig}
verticalAlign="start">
<div>
<div className={theme.text.t2}>
@@ -337,7 +332,6 @@ export const Form = ({ initialValues, onSubmit }: FormProps) => {
</>
}
placeholder={intl.getMessage('upstream_timeout_placeholder')}
disabled={processingSetConfig}
min={1}
max={UINT32_RANGE.MAX}
onChange={(e) => {

6
client_v2/src/lib/theme/Form.module.pcss
View File

@@ -38,3 +38,9 @@
.inner {
padding-left: 32px;
}
.error {
margin-top: 8px;
font-size: 14px;
color: var(--default-error-icon);
}