(fix) Replace deprecated xlinkHref SVG prop with href

openmrs · Aug 13, 2024 · 79dd2ab · 79dd2ab
1 parent 983d981
commit 79dd2ab
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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>
     );
   }),