(fix) O3-1224 Tablet mode: Side navigation widgets fails to identify …

…the user ID (#406)

packages/apps/esm-primary-navigation-app/src/components/navbar-header-panels/side-menu-panel.component.tsx

@@ -1,6 +1,6 @@
-import React, { useEffect, useRef } from "react";
+import React, { useEffect, useMemo, useRef } from "react";
 import styles from "./side-menu-panel.component.scss";
-import { ExtensionSlot } from "@openmrs/esm-framework";
+import { ExtensionSlot, usePatient } from "@openmrs/esm-framework";
 import { SideNav, SideNavProps } from "carbon-components-react";
 
 interface SideMenuPanelProps extends SideNavProps {
@@ -12,6 +12,12 @@ const SideMenuPanel: React.FC<SideMenuPanelProps> = ({
   hidePanel,
 }) => {
   const menuRef = useRef(null);
+  const { patientUuid } = usePatient();
+  const patientChartBasePath = `${window.spaBase}/patient/:patientUuid/chart`;
+  const basePath = useMemo(
+    () => patientChartBasePath.replace(":patientUuid", patientUuid),
+    [patientUuid]
+  );
 
   useEffect(() => {
     const handleClickOutside = (event: MouseEvent) => {
@@ -39,7 +45,10 @@ const SideMenuPanel: React.FC<SideMenuPanelProps> = ({
         className={styles.link}
       >
         <ExtensionSlot extensionSlotName="global-nav-menu-slot" />
-        <ExtensionSlot extensionSlotName="patient-chart-dashboard-slot" />
+        <ExtensionSlot
+          extensionSlotName="patient-chart-dashboard-slot"
+          state={{ basePath }}
+        />
       </SideNav>
     )
   );