change icon set

package-lock.json

@@ -9,7 +9,6 @@
             "version": "7.0.0",
             "license": "ISC",
             "dependencies": {
-                "@radix-ui/react-icons": "^1.1.1",
                 "@radix-ui/react-navigation-menu": "^1.0.0",
                 "@radix-ui/react-tooltip": "^1.0.0",
                 "classnames": "^2.2.6",
@@ -478,14 +477,6 @@
                 "react-dom": "^16.8 || ^17.0 || ^18.0"
             }
         },
-        "node_modules/@radix-ui/react-icons": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-icons/-/react-icons-1.1.1.tgz",
-            "integrity": "sha512-xc3wQC59rsFylVbSusQCrrM+6695ppF730Q6yqzhRdqDcRNWIm2R6ngpzBoSOQMcwnq4p805F+Gr7xo4fmtN1A==",
-            "peerDependencies": {
-                "react": "^16.x || ^17.x || ^18.x"
-            }
-        },
         "node_modules/@radix-ui/react-id": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.0.0.tgz",
@@ -4610,12 +4601,6 @@
                 "@radix-ui/react-use-escape-keydown": "1.0.0"
             }
         },
-        "@radix-ui/react-icons": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/@radix-ui/react-icons/-/react-icons-1.1.1.tgz",
-            "integrity": "sha512-xc3wQC59rsFylVbSusQCrrM+6695ppF730Q6yqzhRdqDcRNWIm2R6ngpzBoSOQMcwnq4p805F+Gr7xo4fmtN1A==",
-            "requires": {}
-        },
         "@radix-ui/react-id": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.0.0.tgz",

package.json

@@ -18,7 +18,6 @@
     "author": "Roman Timashev",
     "license": "ISC",
     "dependencies": {
-        "@radix-ui/react-icons": "^1.1.1",
         "@radix-ui/react-navigation-menu": "^1.0.0",
         "@radix-ui/react-tooltip": "^1.0.0",
         "classnames": "^2.2.6",

src/components/App/index.tsx

@@ -10,7 +10,7 @@ import { useMobile } from "src/hooks/useMobile"
 import { Navigation } from "@/components/Navigation"
 import { Box } from "@/ui/Box"
 import { Button } from "@/ui/Button"
-import { EyeClosedIcon, EyeOpenIcon } from "@radix-ui/react-icons"
+import { HiOutlineEye, HiOutlineEyeOff } from "react-icons/hi"
 import { useTheme } from "@/ui/theme/useTheme"
 import { Copyright } from "../Copyright"
 import { Spacer } from "../Spacer"
@@ -82,9 +82,9 @@ export const App: React.FC<AppProps> = ({ showAuthor = false, menu, ...props })
                                     setTheme(theme === "default" ? "contrast" : "default")
                                 }}>
                                     {theme === "default" ? (
-                                        <EyeOpenIcon width={24} height={24} />
+                                        <HiOutlineEyeOff size={24} />
                                     ) : (
-                                        <EyeClosedIcon width={24} height={24} />
+                                        <HiOutlineEye size={24} />
                                     )}
                                 </Button>
                             </Panel>

src/components/FIleCard/Signature.tsx

@@ -1,7 +1,7 @@
 import s from "./signature.module.css"
 
 import { Sign } from "@/types"
-import { FiShield } from "react-icons/fi"
+import { HiOutlineShieldCheck } from "react-icons/hi"
 
 import * as Tooltip from "@radix-ui/react-tooltip"
 
@@ -20,7 +20,7 @@ export const Signature: React.FC<SignatureProps> = props => {
         <Tooltip.Provider>
             <Tooltip.Root>
                 <Tooltip.Trigger className={s.tooltipTrigger}>
-                    <FiShield className={s.secure} size={20} />
+                    <HiOutlineShieldCheck className={s.secure} size={20} />
                 </Tooltip.Trigger>
 
                 <Tooltip.Portal>

src/components/MenuToggle/index.tsx

@@ -1,5 +1,5 @@
 import { Button, ButtonProps } from "@/ui/Button"
-import { HamburgerMenuIcon, Cross1Icon } from "@radix-ui/react-icons"
+import { HiOutlineMenuAlt4, HiOutlineX } from "react-icons/hi"
 
 export type MenuToggleProps = Omit<ButtonProps, "theme"> & {
     open: boolean
@@ -7,9 +7,9 @@ export type MenuToggleProps = Omit<ButtonProps, "theme"> & {
 
 export const MenuToggle: React.FC<MenuToggleProps> = ({ open, ...props }) => {
     const icon = open ? (
-        <Cross1Icon width={24} height={24} />
+        <HiOutlineX size={24} />
     ) : (
-        <HamburgerMenuIcon width={24} height={24} />
+        <HiOutlineMenuAlt4 size={24} />
     )
     return (
         <Button

src/components/Navigation/index.tsx

@@ -7,8 +7,6 @@ import { ConfigContext } from "src/context/ConfigContext"
 import { Box } from "@/ui/Box"
 import { Spacer } from "../Spacer"
 import { useToggle } from "react-use"
-import { Button } from "@/ui/Button"
-import { EyeOpenIcon } from "@radix-ui/react-icons"
 import { HudozkaLogo } from "../HudozkaLogo"
 import { useDarkTheme } from "@/hooks/useDarkTheme"
 import { HudozkaTitle } from "../HudozkaTitle"