Feat/menu template api integration

src/api/services/MenuItemService.ts

@@ -9,17 +9,22 @@ export default class MenuItemService {
         order
         meta
         parentId
-        children {
-          id
-          label
-          order
-          meta
-          parentId
-        }
+        template
+        templateFormat
         menu {
           id
           name
           meta
+          templateFormat
+          items {
+            id
+            label
+            order
+            meta
+            parentId
+            template
+            templateFormat
+          }
         }
       }
     }

src/api/services/MenuService.ts

@@ -42,12 +42,16 @@ export default class MenuService {
         id
         name
         meta
+        template
+        templateFormat
         items {
           id
           label
           order
           meta
           parentId
+          template
+          templateFormat
         }
       }
     }

src/components/App/AppRoutes/AppRoutes.tsx

@@ -14,7 +14,22 @@ import NotFound from '../../../pages/NotFound';
 import Layout from '../../Layout';
 
 export const AppRoutes = () => {
-  const { initialized } = useKeycloak();
+  const { initialized, keycloak } = useKeycloak();
+
+  React.useEffect(() => {
+    if (!initialized || !keycloak) return;
+    if (!keycloak.authenticated) {
+      keycloak.onTokenExpired = undefined;
+    }
+    keycloak.onTokenExpired = () => {
+      keycloak.updateToken(5);
+    };
+    // Force refresh token
+    keycloak.updateToken(-1);
+    return () => {
+      if (keycloak) keycloak.onTokenExpired = undefined;
+    };
+  }, [initialized, keycloak, keycloak?.authenticated]);
 
   const renderRoutes = () => {
     if (!initialized) {

src/components/CodeViewer/CodeViewer.tsx

@@ -19,7 +19,7 @@ const CodeViewer = ({ code, language, lineNumbers = true }: Props) => {
   }, [code]);
   return (
     <Box className="CodeViewer" sx={{ width: '100%', display: 'flex' }}>
-      <pre className={`${lineNumbers ? 'line-numbers' : ''} w-full flex-1`}>
+      <pre className={`${lineNumbers ? 'line-numbers' : ''} w-full flex-1`} style={{ margin: 0 }}>
         <code className={`language-${language}`}>{code}</code>
       </pre>
     </Box>

src/i18n/locales/en/translation.json

@@ -116,6 +116,7 @@
     "fields": {
       "name": "Name",
       "items": "Items",
+      "template": "Template",
       "meta": {
         "title_one": "Metadata",
         "title_other": "Metadata",
@@ -201,6 +202,10 @@
   "menuItem": {
     "title_one": "Menu Item",
     "title_other": "Menu Items",
+    "of": "Menu Item's $t(menu.fields.{{field}})",
+    "fields": {
+      "template": "Template"
+    },
     "editTemplate": {
       "title": "Edit Template",
       "templateFormat": {
@@ -237,6 +242,12 @@
       "result": {
         "title": "Result",
         "description": "This is the result of the template you defined:"
+      },
+      "actions": {
+        "title": "Actions",
+        "save": "Save Template",
+        "discard": "Discard Changes",
+        "useDefault": "Use Default Template"
       }
     }
   }

src/i18n/locales/pt-BR/translation.json

@@ -116,6 +116,7 @@
     "fields": {
       "name": "Nome",
       "items": "Itens",
+      "template": "Template",
       "meta": {
         "title_one": "Metadado",
         "title_other": "Metadados",
@@ -201,6 +202,10 @@
   "menuItem": {
     "title_one": "Item de Menu",
     "title_other": "Itens de Menu",
+    "of": "$t(menu.fields.{{field}}) do Item de Menu",
+    "fields": {
+      "template": "Template"
+    },
     "editTemplate": {
       "title": "Editar Template",
       "templateFormat": {
@@ -237,6 +242,12 @@
       "result": {
         "title": "Resultado",
         "description": "Esse é o resultado do template que você definiu:"
+      },
+      "actions": {
+        "title": "Ações",
+        "save": "Salvar Template",
+        "discard": "Descartar Alterações",
+        "useDefault": "Usar Template Padrão"
       }
     }
   }