edit layout for small resolution screens

2026-01-23 15:43:05 +07:00
parent 38ce69047d
commit f8ab107724
22 changed files with 367 additions and 140 deletions
@@ -2,7 +2,7 @@

 import { useState, useRef, useEffect } from 'react';
 import { PieChartComponent } from '@/app/components/PieChartComponent';
-import {useTranslations, useLocale} from 'next-intl';
+import { useTranslations, useLocale } from 'next-intl';
 import Link from 'next/link';
 import { useClickOutside } from '@/app/hooks/useClickOutside';
 import { useQuery } from '@tanstack/react-query';
@@ -34,9 +34,13 @@ export default function ProtectionOverview() {
 	const t = useTranslations('Global');
 	const [openDropDownList, setOpenDropDownList] = useState(false);
 	const dropDownList = useRef(null);
-	useClickOutside(dropDownList, () => {
-		setOpenDropDownList(false)
-	});
+	useClickOutside(
+		dropDownList,
+		() => {
+			setOpenDropDownList(false)
+		},
+		openDropDownList
+	);

 	const {
 		data: filesInfo,