From 6879e8aba660a4f4173f35ab5ed007170a76f101 Mon Sep 17 00:00:00 2001
From: IlyaDoronin <ryletd@gmail.com>
Date: Fri, 28 Jul 2023 17:03:42 +0300
Subject: [PATCH] fix: user icon

---
 src/assets/icons/user.svg               |  6 +++---
 src/pages/dashboard/ModalUser/index.tsx | 20 ++++++++++++++------
 2 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/src/assets/icons/user.svg b/src/assets/icons/user.svg
index 190572a..d919ed6 100644
--- a/src/assets/icons/user.svg
+++ b/src/assets/icons/user.svg
@@ -1,4 +1,4 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="black">
-<path d="M17.25 9C17.25 11.4433 16.1888 13.6378 14.4998 15.1495C13.0397 16.4563 11.1135 17.25 9 17.25C6.88655 17.25 4.96026 16.4563 3.50019 15.1495C1.81118 13.6378 0.75 11.4433 0.75 9C0.75 4.44365 4.44365 0.75 9 0.75C13.5563 0.75 17.25 4.44365 17.25 9Z" stroke-width="1.5"/>
-<circle cx="9" cy="7.6001" r="2.25" stroke-width="1.5"/>
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" fill="black">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.4479 15.1701C2.62418 15.3572 2.8084 15.5368 3 15.7083C4.59227 17.1334 6.69494 18 9 18C11.3051 18 13.4077 17.1334 15 15.7083C15.1916 15.5368 15.3758 15.3572 15.5521 15.1701C17.0699 13.559 18 11.3881 18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 11.3881 0.930136 13.559 2.4479 15.1701ZM4.40572 14.9287C5.67542 15.9144 7.26787 16.5 9 16.5C10.7321 16.5 12.3246 15.9144 13.5943 14.9287C12.6863 13.7089 11.2862 12.45 9 12.45C6.71379 12.45 5.31371 13.7089 4.40572 14.9287ZM14.6883 13.8884C13.6143 12.4984 11.8517 10.95 9 10.95C6.14827 10.95 4.38567 12.4984 3.31172 13.8884C2.18127 12.5747 1.5 10.8676 1.5 9C1.5 4.85786 4.85786 1.5 9 1.5C13.1421 1.5 16.5 4.85786 16.5 9C16.5 10.8676 15.8187 12.5747 14.6883 13.8884Z" />
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 9.1001C9.82843 9.1001 10.5 8.42852 10.5 7.6001C10.5 6.77167 9.82843 6.1001 9 6.1001C8.17157 6.1001 7.5 6.77167 7.5 7.6001C7.5 8.42852 8.17157 9.1001 9 9.1001ZM9 10.6001C10.6569 10.6001 12 9.25695 12 7.6001C12 5.94324 10.6569 4.6001 9 4.6001C7.34315 4.6001 6 5.94324 6 7.6001C6 9.25695 7.34315 10.6001 9 10.6001Z" />
 </svg>
diff --git a/src/pages/dashboard/ModalUser/index.tsx b/src/pages/dashboard/ModalUser/index.tsx
index b49343c..8e4effb 100644
--- a/src/pages/dashboard/ModalUser/index.tsx
+++ b/src/pages/dashboard/ModalUser/index.tsx
@@ -27,10 +27,18 @@ import forwardIcon from "@root/assets/icons/forward.svg";
 import type { SyntheticEvent } from "react";
 
 const TABS = [
-  { name: "Пользователь", icon: UserIcon },
-  { name: "Покупка товаров и услуг", icon: PackageIcon },
-  { name: "Транзакции", icon: TransactionsIcon },
-  { name: "Верификация", icon: CheckIcon },
+  { name: "Пользователь", icon: UserIcon, activeStyles: { fill: "#7E2AEA" } },
+  {
+    name: "Покупка товаров и услуг",
+    icon: PackageIcon,
+    activeStyles: { stroke: "#7E2AEA" },
+  },
+  {
+    name: "Транзакции",
+    icon: TransactionsIcon,
+    activeStyles: { stroke: "#7E2AEA" },
+  },
+  { name: "Верификация", icon: CheckIcon, activeStyles: { stroke: "#7E2AEA" } },
 ];
 
 const ModalUser = () => {
@@ -128,7 +136,7 @@ const ModalUser = () => {
                   }}
                   TabIndicatorProps={{ style: { background: "transparent" } }}
                 >
-                  {TABS.map(({ name, icon: Icon }) => (
+                  {TABS.map(({ name, icon: Icon, activeStyles }) => (
                     <Tab
                       icon={<Icon />}
                       iconPosition="start"
@@ -150,7 +158,7 @@ const ModalUser = () => {
                           borderRadius: "12px",
                           color: "#7E2AEA",
                           background: "rgba(126, 42, 234, 0.07)",
-                          "& svg": { stroke: "#7E2AEA" },
+                          "& svg": activeStyles,
                         },
                       }}
                     />