From 4a817c96db92b2db7dead10b88bc0d92d1d713e1 Mon Sep 17 00:00:00 2001
From: Dmitry Remezov <mysecundant@gmail.com>
Date: Mon, 24 Jul 2023 22:48:39 +0300
Subject: [PATCH] docs(svg): replace `xlinkHref` with `href` in multiple
 examples

---
 .../svg-magic-with-figma-export/src/shared/ui/icon/icon.tsx | 2 +-
 examples/svg-next/src/shared/ui/icon/icon.tsx               | 2 +-
 examples/svg-vite/README.md                                 | 2 +-
 examples/svg-vite/src/shared/ui/icon/icon.tsx               | 6 +++---
 libs/svg/examples/react/icon.tsx                            | 2 +-
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/examples/svg-magic-with-figma-export/src/shared/ui/icon/icon.tsx b/examples/svg-magic-with-figma-export/src/shared/ui/icon/icon.tsx
index 910b6ad..a456d71 100644
--- a/examples/svg-magic-with-figma-export/src/shared/ui/icon/icon.tsx
+++ b/examples/svg-magic-with-figma-export/src/shared/ui/icon/icon.tsx
@@ -21,7 +21,7 @@ export function Icon({ name, className, viewBox, ...props }: IconProps) {
       aria-hidden
       {...props}
     >
-      <use xlinkHref={`/${spriteName}.svg#${iconName}`} />
+      <use href={`/${spriteName}.svg#${iconName}`} />
     </svg>
   );
 }
diff --git a/examples/svg-next/src/shared/ui/icon/icon.tsx b/examples/svg-next/src/shared/ui/icon/icon.tsx
index 60de46e..3f3e73f 100644
--- a/examples/svg-next/src/shared/ui/icon/icon.tsx
+++ b/examples/svg-next/src/shared/ui/icon/icon.tsx
@@ -17,7 +17,7 @@ export function Icon({ name, className, viewBox, ...props }: IconProps) {
       aria-hidden
       {...props}
     >
-      <use xlinkHref={`/sprite.svg#${name}`} />
+      <use href={`/sprite.svg#${name}`} />
     </svg>
   );
 }
diff --git a/examples/svg-vite/README.md b/examples/svg-vite/README.md
index 2aee0a9..e9be517 100644
--- a/examples/svg-vite/README.md
+++ b/examples/svg-vite/README.md
@@ -83,7 +83,7 @@ export function Icon({ name, className, viewBox, ...props }: IconProps) {
       aria-hidden
       {...props}
     >
-      <use xlinkHref={`/${spriteName}.svg#${iconName}`} />
+      <use href={`/${spriteName}.svg#${iconName}`} />
     </svg>
   );
 }
diff --git a/examples/svg-vite/src/shared/ui/icon/icon.tsx b/examples/svg-vite/src/shared/ui/icon/icon.tsx
index 3169351..1d37e78 100644
--- a/examples/svg-vite/src/shared/ui/icon/icon.tsx
+++ b/examples/svg-vite/src/shared/ui/icon/icon.tsx
@@ -10,7 +10,7 @@ export interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'name' | 'type'
   name: IconName;
 }
 
-export function Icon({ name, className, viewBox: viewBoxFromProps, ...props }: IconProps) {
+export function Icon({ name, className, ...props }: IconProps) {
   const [spriteName, iconName] = name.split('/') as [
     keyof SpritesMap,
     SpritesMap[keyof SpritesMap]
@@ -22,12 +22,12 @@ export function Icon({ name, className, viewBox: viewBoxFromProps, ...props }: I
   return (
     <svg
       className={clsx('icon', className)}
-      viewBox={viewBoxFromProps ?? viewBox}
+      viewBox={viewBox}
       focusable="false"
       aria-hidden
       {...props}
     >
-      <use xlinkHref={`/${filePath}#${iconName}`} />
+      <use href={`/${filePath}#${iconName}`} />
     </svg>
   );
 }
diff --git a/libs/svg/examples/react/icon.tsx b/libs/svg/examples/react/icon.tsx
index cf57d17..26df2f3 100644
--- a/libs/svg/examples/react/icon.tsx
+++ b/libs/svg/examples/react/icon.tsx
@@ -24,7 +24,7 @@ export function Icon({ name, className, viewBox, ...props }: IconProps) {
       aria-hidden
       {...props}
     >
-      <use xlinkHref={`/path/to/sprites/${spriteName}.svg#${iconName}`} />
+      <use href={`/path/to/sprites/${spriteName}.svg#${iconName}`} />
     </svg>
   );
 }