From 2cf3a64cc8b8e1af1bbecf11b435de9472c56820 Mon Sep 17 00:00:00 2001
From: Andres <ruznietoa@gmail.com>
Date: Thu, 19 Oct 2023 14:43:18 +0200
Subject: [PATCH] feat: i18n managedroutes

---
 .../components/ManagedRoutes/ManagedRoutes.jsx             | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

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