menu translations

notes/todo.txt

@@ -0,0 +1,2 @@
+- schimbare limba din setari
+- salvare configurari - pozitie toast

public/locales/en/translations.json

@@ -14,7 +14,16 @@
   },
   "Menu": {
     "Dashboard": "Dashboard",
-    "Resources": "Resources"
+    "Resources": "Resources",
+    "System": "System",
+    "Admin": "Admin",
+    "Settings": "Settings",
+    "Health": "Health",
+    "Community": "Community",
+    "Library": "Library",
+    "Support": "Support",
+    "FAQ": "FAQ",
+    "Template": "Template"
   },
   "Login": {
     "Username": "Username",

public/locales/ro/translations.json

@@ -5,7 +5,16 @@
   },
   "Menu": {
     "Dashboard": "Dashboard",
-    "Resources": "Resurse"
+    "Resources": "Resurse",
+    "System": "Sistem",
+    "Admin": "Admin",
+    "Settings": "Setari",
+    "Health": "Sănătate",
+    "Community": "Comunitate",
+    "Library": "Bibliotecă",
+    "Support": "Suport",
+    "FAQ": "FAQ",
+    "Template": "Șablon"
   },
   "Login": {
     "Username": "Utilizator",

src/components/Sidebar/components/SidebarLink/SidebarLink.js

@@ -156,7 +156,7 @@ export default function SidebarLink({
           <List component="div" disablePadding>
             {children.map((childrenLink) => (
               <SidebarLink
-                key={childrenLink && childrenLink.link}
+                key={childrenLink && (childrenLink.id || childrenLink.link)}
                 location={location}
                 isSidebarOpened={isSidebarOpened}
                 classes={classes}

src/components/Sidebar/menu.js

@@ -10,41 +10,48 @@ import {
   Image as ImageIcon,
   Build as BuildIcon,
   Settings as SettingsIcon,
-  NetworkCheck as NetworkCheckIcon
+  NetworkCheck as NetworkCheckIcon,
+  Vibration as VibrationIcon
 } from "@material-ui/icons";
 import Dot from "./components/Dot";
 
 let menu = [
   {
     id: 0,
-    label: "Dashboard",
+    label: "Menu.Dashboard",
     link: "/dashboard",
     icon: <DashboardIcon />
   },
   {
     id: 1,
-    label: "Resources",
+    label: "Menu.Resources",
     link: "/resources",
     icon: <ImageIcon />
   },
 
   { id: 2, type: "divider" },
-  { id: 3, type: "title", label: "System" },
+  { id: 3, type: "title", label: "Menu.System" },
   {
     id: 4,
-    label: "Admin",
+    label: "Menu.Admin",
     link: "/admin",
     icon: <BuildIcon />
   },
   {
     id: 5,
-    label: "Settings",
+    label: "Menu.Settings",
     link: "/settings",
     icon: <SettingsIcon />,
     children: [
       {
         id: 50,
-        label: "Notifications",
+        label: "Menu.Appearance",
+        link: "/appearance",
+        icon: <VibrationIcon />
+      },
+      {
+        id: 51,
+        label: "Menu.Notifications",
         link: "/notifications",
         icon: <NotificationsIcon />
       }
@@ -52,27 +59,27 @@ let menu = [
   },
   {
     id: 6,
-    label: "Health",
+    label: "Menu.Health",
     link: "/health",
     icon: <NetworkCheckIcon />
   },
   { id: 7, type: "divider" },
-  { id: 8, type: "title", label: "Community" },
+  { id: 8, type: "title", label: "Menu.Community" },
   {
     id: 9,
-    label: "Library",
+    label: "Menu.Library",
     link: "https://dev.azure.com/tstanciu94/CDN",
     icon: <LibraryIcon />
   },
   {
     id: 10,
-    label: "Support",
+    label: "Menu.Support",
     link: "https://toodle.ddns.net/forum",
     icon: <SupportIcon />
   },
   {
     id: 11,
-    label: "FAQ",
+    label: "Menu.FAQ",
     link: "https://toodle.ddns.net/forum",
     icon: <FAQIcon />
   }
@@ -86,7 +93,7 @@ if (enableTemplateContent) {
     { id: 12, type: "divider" },
     {
       id: 13,
-      label: "Template",
+      label: "Menu.Template",
       children: [
         {
           id: 14,