@openmrs/esm-primary-navigation-app 3.2.0 → 3.2.1-pre.933

package/src/components/navbar-header-panels/app-menu-panel.component.tsx

@@ -7,6 +7,7 @@ import {
 } from "@openmrs/esm-framework";
 import { HeaderPanel } from "carbon-components-react";
 import Launch16 from "@carbon/icons-react/es/launch/16";
+import { useTranslation } from "react-i18next";
 
 interface AppMenuProps {
   expanded: boolean;
@@ -16,6 +17,7 @@ interface AppMenuProps {
 const AppMenuPanel: React.FC<AppMenuProps> = ({ expanded, hidePanel }) => {
   const appMenuRef = useOnClickOutside<HTMLDivElement>(hidePanel, expanded);
   const config = useConfig();
+  const { t } = useTranslation();
 
   return (
     <HeaderPanel
@@ -28,24 +30,16 @@ const AppMenuPanel: React.FC<AppMenuProps> = ({ expanded, hidePanel }) => {
         className={styles.menuLink}
         extensionSlotName="app-menu-slot"
       />
-      {config?.externalRefLinks?.enabled &&
-        config?.externalRefLinks?.links.length > 0 && (
-          <div className={`${styles.menuLink} ${styles.externalLinks}`}>
-            {config?.externalRefLinks?.links?.map(
-              (link) =>
-                link?.visible && (
-                  <a
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    href={link?.redirect}
-                  >
-                    {link?.title}
-                    <Launch16 className={styles.launchIcon} />
-                  </a>
-                )
-            )}
-          </div>
-        )}
+      {config?.externalRefLinks?.length > 0 && (
+        <div className={`${styles.menuLink} ${styles.externalLinks}`}>
+          {config?.externalRefLinks?.map((link) => (
+            <a target="_blank" rel="noopener noreferrer" href={link?.redirect}>
+              {t(link?.title)}
+              <Launch16 className={styles.launchIcon} />
+            </a>
+          ))}
+        </div>
+      )}
     </HeaderPanel>
   );
 };

package/src/config-schema.ts

@@ -1,4 +1,4 @@
-import { Type } from "@openmrs/esm-framework";
+import { Type, validators } from "@openmrs/esm-framework";
 
 export const configSchema = {
   logo: {
@@ -20,36 +20,19 @@ export const configSchema = {
     },
   },
   externalRefLinks: {
-    enabled: {
-      _type: Type.Boolean,
-      _default: true,
-      _description: "Whether to show external links in the app menu",
-    },
-    links: {
-      _type: Type.Array,
-      _elements: {
-        visible: {
-          _type: Type.Boolean,
-          _description: "Whether to show a link in the menu",
-          _default: true,
-        },
-        title: {
-          _type: Type.String,
-          _description: "Title of the link",
-        },
-        redirect: {
-          _type: Type.String,
-          _description: "Link to redirect to (must be an external link)",
-        },
+    _type: Type.Array,
+    _elements: {
+      title: {
+        _type: Type.String,
+        _description: "Title of the link",
+      },
+      redirect: {
+        _type: Type.String,
+        _description: "Link to redirect to (must be an external link)",
+        _validators: [validators.isUrl],
       },
-      _default: [
-        {
-          visible: false,
-          title: "External link",
-          redirect: "/external-link",
-        },
-      ],
-      _description: "The links to be showcased in the app menu",
     },
+    _default: [],
+    _description: "The external links to be showcased in the app menu",
   },
 };