feat: replace inline SVG with radix-ui AccessibilityIcon

This commit is contained in:
jessy-david-dev
2026-04-29 15:14:11 +02:00
parent 51d3a7343c
commit 2e591f501a
3 changed files with 11 additions and 18 deletions
+11 -2
View File
@@ -1,5 +1,4 @@
import { useState, useRef, useCallback } from "react";
import { AccessibilityIcon } from "@radix-ui/react-icons";
import { useA11yStore } from "../store";
import { useA11yEffects } from "../useA11yEffects";
import { AccessibilityPanel } from "./AccessibilityPanel";
@@ -88,7 +87,17 @@ export function AccessibilityWidget({
aria-haspopup="dialog"
onClick={() => setOpen((v) => !v)}
>
<AccessibilityIcon aria-hidden="true" width="28" height="28" />
<svg
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
focusable="false"
width="28"
height="28"
viewBox="0 0 15 15"
fill="currentColor"
>
<path d="M7.5.877a6.623 6.623 0 1 1 0 13.246A6.623 6.623 0 0 1 7.5.877m0 .95a5.674 5.674 0 1 0 0 11.343a5.674 5.674 0 0 0-.002-11.345m2.953 3.484a.5.5 0 1 1 .26.965l-1.967.527V8.27c0 .602.88 3.427.88 3.427a.5.5 0 1 1-.966.26S7.92 9.126 7.868 9c-.048-.127-.218-.127-.218-.127h-.307c-.006 0-.174.002-.219.127c-.055.129-.788 2.94-.793 2.959a.5.5 0 1 1-.966-.259c.006-.017.881-2.83.881-3.43V6.8l-1.959-.524a.5.5 0 0 1 .26-.965s1.654.562 2.299.562h1.31c.642 0 2.282-.557 2.297-.562M7.5 2.87a1.125 1.125 0 1 1 0 2.25a1.125 1.125 0 0 1 0-2.25" />
</svg>
{activeCount > 0 && (
<span
className="a11y-badge"