refactor: simplify CloseIcon dimensions and update CookiesPopup to use NavLink for navigation

This commit is contained in:
2025-05-29 14:10:18 +05:00
parent 3a5a52a868
commit 489452c74f
3 changed files with 7 additions and 8 deletions
-2
View File
@@ -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}
+4 -3
View File
@@ -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">
+3 -3
View File
@@ -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>