From 79dd2ab67fd3f78b9904d4c94a311fd45540f999 Mon Sep 17 00:00:00 2001
From: Dennis Kigen <kigen.work@gmail.com>
Date: Tue, 13 Aug 2024 12:50:42 +0300
Subject: [PATCH] (fix) Replace deprecated xlinkHref SVG prop with href

---
 packages/apps/esm-login-app/src/login/login.component.tsx       | 2 +-
 packages/apps/esm-login-app/src/logo.component.tsx              | 2 +-
 .../src/components/logo/logo.component.tsx                      | 2 +-
 packages/framework/esm-styleguide/src/icons/icons.tsx           | 2 +-
 packages/framework/esm-styleguide/src/pictograms/pictograms.tsx | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/apps/esm-login-app/src/login/login.component.tsx b/packages/apps/esm-login-app/src/login/login.component.tsx
index a18d90ded..51a263ed46 100644
--- a/packages/apps/esm-login-app/src/login/login.component.tsx
+++ b/packages/apps/esm-login-app/src/login/login.component.tsx
@@ -269,7 +269,7 @@ const Login: React.FC = () => {
           <p className={styles.poweredByTxt}>{t('poweredBy', 'Powered by')}</p>
           <div>
             <svg role="img" className={styles.poweredByLogo}>
-              <use xlinkHref="#omrs-logo-partial-mono"></use>
+              <use href="#omrs-logo-partial-mono"></use>
             </svg>
           </div>
         </div>
diff --git a/packages/apps/esm-login-app/src/logo.component.tsx b/packages/apps/esm-login-app/src/logo.component.tsx
index 57c2cd9a5..1488258d4 100644
--- a/packages/apps/esm-login-app/src/logo.component.tsx
+++ b/packages/apps/esm-login-app/src/logo.component.tsx
@@ -15,7 +15,7 @@ const Logo: React.FC<{ t: TFunction }> = ({ t }) => {
   ) : (
     <svg role="img" className={styles.logo}>
       <title>{t('openmrsLogo', 'OpenMRS logo')}</title>
-      <use xlinkHref="#omrs-logo-full-color"></use>
+      <use href="#omrs-logo-full-color"></use>
     </svg>
   );
 };
diff --git a/packages/apps/esm-primary-navigation-app/src/components/logo/logo.component.tsx b/packages/apps/esm-primary-navigation-app/src/components/logo/logo.component.tsx
index 54d41acfd..011d0714c 100644
--- a/packages/apps/esm-primary-navigation-app/src/components/logo/logo.component.tsx
+++ b/packages/apps/esm-primary-navigation-app/src/components/logo/logo.component.tsx
@@ -12,7 +12,7 @@ const Logo: React.FC = () => {
         logo.name
       ) : (
         <svg role="img" width={110} height={40}>
-          <use xlinkHref="#omrs-logo-white" />
+          <use href="#omrs-logo-white" />
         </svg>
       )}
     </>
diff --git a/packages/framework/esm-styleguide/src/icons/icons.tsx b/packages/framework/esm-styleguide/src/icons/icons.tsx
index e91a12502..10f689220 100644
--- a/packages/framework/esm-styleguide/src/icons/icons.tsx
+++ b/packages/framework/esm-styleguide/src/icons/icons.tsx
@@ -624,7 +624,7 @@ export const Icon = memo(
         width={size}
         viewBox="0 0 16 16"
       >
-        <use xlinkHref={`#${icon}`} />
+        <use href={`#${icon}`} />
       </svg>
     );
   }),
diff --git a/packages/framework/esm-styleguide/src/pictograms/pictograms.tsx b/packages/framework/esm-styleguide/src/pictograms/pictograms.tsx
index 04b602d9e..086f01e42 100644
--- a/packages/framework/esm-styleguide/src/pictograms/pictograms.tsx
+++ b/packages/framework/esm-styleguide/src/pictograms/pictograms.tsx
@@ -27,7 +27,7 @@ export const Pictogram = memo(
 
     return (
       <svg ref={ref} className={classNames(className)} height={size} width={size}>
-        <use xlinkHref={`#${pictogram}`} />
+        <use href={`#${pictogram}`} />
       </svg>
     );
   }),