Added Edit Patient Details Button in the Patient Actions Menu

src/index.ts

@@ -53,6 +53,11 @@ function setupOpenMRS() {
         slot: 'top-nav-actions-slot',
         load: getAsyncLifecycle(() => import('./add-patient-link'), options),
       },
+      {
+        id: 'edit-patient-details-button',
+        slot: 'patient-actions-slot',
+        load: getAsyncLifecycle(() => import('./widgets/edit-patient-details-button.component'), options),
+      },
     ],
   };
 }

src/widgets/edit-patient-details-button.component.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ConfigurableLink } from '@openmrs/esm-framework';
+import { useTranslation } from 'react-i18next';
+
+export default function EditPatientDetailsButton({ patientUuid }) {
+  const { t } = useTranslation();
+  return (
+    <li className="bx--overflow-menu-options__option">
+      <ConfigurableLink
+        to={`\${openmrsSpaBase}/patient/${patientUuid}/edit`}
+        className="bx--overflow-menu-options__btn"
+        title={t('Edit Patient Details', 'Edit Patient Details')}>
+        <span className="bx--overflow-menu-options__option-content">
+          {t('Edit Patient Details', 'Edit Patient Details')}
+        </span>
+      </ConfigurableLink>
+    </li>
+  );
+}