From 489452c74f9e436835a4e64c9e966898edd18db0 Mon Sep 17 00:00:00 2001
From: c00b3r <sanuyOKmaklaren0@gmail.com>
Date: Thu, 29 May 2025 14:10:18 +0500
Subject: [PATCH] refactor: simplify CloseIcon dimensions and update
 CookiesPopup to use NavLink for navigation

---
 src/components/icons/CloseIcon.tsx      | 2 --
 src/components/popups/CookiesPopup.tsx  | 7 ++++---
 src/components/popups/TelegramPopup.tsx | 6 +++---
 3 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/components/icons/CloseIcon.tsx b/src/components/icons/CloseIcon.tsx
index 000f1f8..ca35218 100644
--- a/src/components/icons/CloseIcon.tsx
+++ b/src/components/icons/CloseIcon.tsx
@@ -1,8 +1,6 @@
 export function CloseIcon({ className = '' }: { className?: string }) {
   return (
     <svg
-      width="24"
-      height="24"
       viewBox="0 0 24 24"
       xmlns="http://www.w3.org/2000/svg"
       className={className}
diff --git a/src/components/popups/CookiesPopup.tsx b/src/components/popups/CookiesPopup.tsx
index 0dbf8df..7110ec0 100644
--- a/src/components/popups/CookiesPopup.tsx
+++ b/src/components/popups/CookiesPopup.tsx
@@ -1,6 +1,7 @@
 import { usePopupStore } from '../../store/popupStore';
 import { motion } from 'framer-motion';
 import { useEffect } from 'react';
+import { NavLink } from 'react-router-dom';
 
 function CookiesPopup() {
   const { isShowCookiesPopup, setIsShowCookiesPopup } = usePopupStore();
@@ -36,13 +37,13 @@ function CookiesPopup() {
                 />
                 <p className="font-medium heading2">
                   Мы используем&nbsp;
-                  <a
-                    href="/cookies"
+                  <NavLink
+                    to="/cookies"
                     className="underline underline-offset-2"
                     onClick={handlePopupClick}
                   >
                     cookie
-                  </a>
+                  </NavLink>
                 </p>
               </div>
               <p className="text-[0.972vw] leading-[135%] w-full">
diff --git a/src/components/popups/TelegramPopup.tsx b/src/components/popups/TelegramPopup.tsx
index f23ae62..5164c0c 100644
--- a/src/components/popups/TelegramPopup.tsx
+++ b/src/components/popups/TelegramPopup.tsx
@@ -55,12 +55,12 @@ function TelegramPopup() {
               Перейти
             </a>
             <button
-              className="absolute flex p-px transition-colors rounded-full cursor-pointer top-2 right-2 hover:bg-white hover:bg-opacity-10 group"
+              className="absolute flex items-center justify-center p-px text-center transition-colors rounded-full cursor-pointer top-2 right-2 hover:bg-white hover:bg-opacity-10 group"
               onClick={handlePopupClick}
             >
-              <div className="lg:w-[1.111vw] lg:h-[1.111vw] w-4 h-4 m-auto group-hover:text-black transition-colors">
+              <span className="lg:w-[1.111vw] lg:h-[1.111vw] w-4 h-4 m-auto group-hover:text-black transition-colors">
                 <CloseIcon />
-              </div>
+              </span>
             </button>
           </div>
         </motion.div>