github/zero-ui
1
0
Fork 0
mirror of https://github.com/dec0dOS/zero-ui.git synced 2025-07-05 20:41:43 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: i18n managedroutes

Browse source
This commit is contained in:
Andres 2023-10-19 14:43:18 +02:00
parent 83502755d7
commit 2cf3a64cc8
1 changed files with 5 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/components/NetworkSettings/components/ManagedRoutes/ManagedRoutes.jsx
View file

@ -16,7 +16,10 @@ import DataTable from "react-data-table-component";
import { validateIP, normilizeIP, validateCIDR } from "utils/IP"; import { validateIP, normilizeIP, validateCIDR } from "utils/IP";
import { useTranslation } from "react-i18next";
function ManagedRoutes({ routes, handleChange }) { function ManagedRoutes({ routes, handleChange }) {
const { t, i18n } = useTranslation();
const [destination, setDestination] = useState(""); const [destination, setDestination] = useState("");
const [via, setVia] = useState(""); const [via, setVia] = useState("");
@ -84,13 +87,13 @@ function ManagedRoutes({ routes, handleChange }) {
return ( return (
<> <>
<Typography style={{ paddingBottom: "10px" }}> <Typography style={{ paddingBottom: "10px" }}>
Managed Routes ({routes.length + "/128"}) {t("managedRoutes")} ({routes.length + "/128"})
</Typography> </Typography>
<Box border={1} borderColor="grey.300"> <Box border={1} borderColor="grey.300">
<Grid item style={{ margin: "10px" }}> <Grid item style={{ margin: "10px" }}>
<DataTable noHeader={true} columns={columns} data={routes} /> <DataTable noHeader={true} columns={columns} data={routes} />
<Divider /> <Divider />
<Typography>Add Routes</Typography> <Typography>{t("addRoute")}</Typography>
<List <List
style={{ style={{
display: "flex", display: "flex",