48 lines
1.6 KiB
TypeScript
48 lines
1.6 KiB
TypeScript
import React from 'react';
|
|
import { useTranslation } from 'react-i18next';
|
|
import { shallowEqual, useDispatch, useSelector } from 'react-redux';
|
|
|
|
import Card from '../../../ui/Card';
|
|
|
|
import Form from './Form';
|
|
import { setDnsConfig } from '../../../../actions/dnsConfig';
|
|
|
|
import { replaceEmptyStringsWithZeroes, replaceZeroWithEmptyString } from '../../../../helpers/helpers';
|
|
import { RootState } from '../../../../initialState';
|
|
|
|
const CacheConfig = () => {
|
|
const { t } = useTranslation();
|
|
const dispatch = useDispatch();
|
|
const { cache_size, cache_ttl_max, cache_ttl_min, cache_optimistic } = useSelector(
|
|
(state: RootState) => state.dnsConfig,
|
|
shallowEqual,
|
|
);
|
|
|
|
const handleFormSubmit = (values: any) => {
|
|
const completedFields = replaceEmptyStringsWithZeroes(values);
|
|
dispatch(setDnsConfig(completedFields));
|
|
};
|
|
|
|
return (
|
|
<Card
|
|
title={t('dns_cache_config')}
|
|
subtitle={t('dns_cache_config_desc')}
|
|
bodyType="card-body box-body--settings"
|
|
id="dns-config">
|
|
<div className="form">
|
|
<Form
|
|
initialValues={{
|
|
cache_size: replaceZeroWithEmptyString(cache_size),
|
|
cache_ttl_max: replaceZeroWithEmptyString(cache_ttl_max),
|
|
cache_ttl_min: replaceZeroWithEmptyString(cache_ttl_min),
|
|
cache_optimistic,
|
|
}}
|
|
onSubmit={handleFormSubmit}
|
|
/>
|
|
</div>
|
|
</Card>
|
|
);
|
|
};
|
|
|
|
export default CacheConfig;
|