Saeed0920/inogen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix the fonts import ,also fix the infinit scroll

Browse Source
This commit is contained in:
Saeed AB 2025-09-22 15:09:25 +03:30
parent f42a12c25c
commit f1114e71ec
8 changed files with 38 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/app.css
View File

@ -1,5 +1,5 @@
@import url(/font/fontiran.css);
@import "tailwindcss"; @import "tailwindcss";
@import url(/font/iranfont.css);
@theme { @theme {
/* Teal color scale */ /* Teal color scale */

8
app/components/dashboard/project-management/digital-innovation-page.tsx
View File

@ -346,10 +346,10 @@ export function DigitalInnovationPage() {
}; };
const loadMore = useCallback(() => { const loadMore = useCallback(() => {
if (!loadingMore && hasMore && !loading) { if (hasMore && !loading) {
setCurrentPage((prev) => prev + 1); setCurrentPage((prev) => prev + 1);
} }
}, [loadingMore, hasMore, loading]); }, [hasMore, loading]);
useEffect(() => { useEffect(() => {
fetchTable(true); fetchTable(true);
@ -367,12 +367,12 @@ export function DigitalInnovationPage() {
const scrollContainer = document.querySelector(".overflow-auto"); const scrollContainer = document.querySelector(".overflow-auto");
const handleScroll = () => { const handleScroll = () => {
if (!scrollContainer || !hasMore || loadingMore) return; if (!scrollContainer || !hasMore) return;
const { scrollTop, scrollHeight, clientHeight } = scrollContainer; const { scrollTop, scrollHeight, clientHeight } = scrollContainer;
const scrollPercentage = (scrollTop + clientHeight) / scrollHeight; const scrollPercentage = (scrollTop + clientHeight) / scrollHeight;
if (scrollPercentage >= 0.9) { if (scrollPercentage == 1) {
loadMore(); loadMore();
} }
}; };

8
app/components/dashboard/project-management/green-innovation-page.tsx
View File

@ -351,10 +351,10 @@ export function GreenInnovationPage() {
}; };
const loadMore = useCallback(() => { const loadMore = useCallback(() => {
if (!loadingMore && hasMore && !loading) { if (hasMore && !loading) {
setCurrentPage((prev) => prev + 1); setCurrentPage((prev) => prev + 1);
} }
}, [loadingMore, hasMore, loading]); }, [hasMore, loading]);
useEffect(() => { useEffect(() => {
fetchProjects(true); fetchProjects(true);
@ -375,12 +375,12 @@ export function GreenInnovationPage() {
const scrollContainer = document.querySelector(".overflow-auto"); const scrollContainer = document.querySelector(".overflow-auto");
const handleScroll = () => { const handleScroll = () => {
if (!scrollContainer || !hasMore || loadingMore) return; if (!scrollContainer || !hasMore) return;
const { scrollTop, scrollHeight, clientHeight } = scrollContainer; const { scrollTop, scrollHeight, clientHeight } = scrollContainer;
const scrollPercentage = (scrollTop + clientHeight) / scrollHeight; const scrollPercentage = (scrollTop + clientHeight) / scrollHeight;
if (scrollPercentage >= 0.9) { if (scrollPercentage == 1) {
loadMore(); loadMore();
} }
}; };

8
app/components/dashboard/project-management/innovation-built-inside-page.tsx
View File

@ -411,10 +411,10 @@ export function InnovationBuiltInsidePage() {
}; };
const loadMore = useCallback(() => { const loadMore = useCallback(() => {
if (!loadingMore && hasMore && !loading) { if (hasMore && !loading) {
setCurrentPage((prev) => prev + 1); setCurrentPage((prev) => prev + 1);
} }
}, [loadingMore, hasMore, loading]); }, [hasMore, loading]);
useEffect(() => { useEffect(() => {
fetchProjects(true); fetchProjects(true);
@ -434,12 +434,12 @@ export function InnovationBuiltInsidePage() {
const scrollContainer = document.querySelector(".overflow-auto"); const scrollContainer = document.querySelector(".overflow-auto");
const handleScroll = () => { const handleScroll = () => {
if (!scrollContainer || !hasMore || loadingMore) return; if (!scrollContainer || !hasMore) return;
const { scrollTop, scrollHeight, clientHeight } = scrollContainer; const { scrollTop, scrollHeight, clientHeight } = scrollContainer;
const scrollPercentage = (scrollTop + clientHeight) / scrollHeight; const scrollPercentage = (scrollTop + clientHeight) / scrollHeight;
if (scrollPercentage >= 0.9) { if (scrollPercentage == 1) {
loadMore(); loadMore();
} }
}; };

8
app/components/dashboard/project-management/mange-ideas-tech-page.tsx
View File

@ -341,10 +341,10 @@ export function ManageIdeasTechPage() {
}; };
const loadMore = useCallback(() => { const loadMore = useCallback(() => {
if (!loadingMore && hasMore && !loading) { if (hasMore && !loading) {
setCurrentPage((prev) => prev + 1); setCurrentPage((prev) => prev + 1);
} }
}, [loadingMore, hasMore, loading]); }, [hasMore, loading]);
useEffect(() => { useEffect(() => {
fetchProjects(true); fetchProjects(true);
@ -362,13 +362,13 @@ export function ManageIdeasTechPage() {
const scrollContainer = document.querySelector(".overflow-auto"); const scrollContainer = document.querySelector(".overflow-auto");
const handleScroll = () => { const handleScroll = () => {
if (!scrollContainer || !hasMore || loadingMore) return; if (!scrollContainer || !hasMore) return;
const { scrollTop, scrollHeight, clientHeight } = scrollContainer; const { scrollTop, scrollHeight, clientHeight } = scrollContainer;
const scrollPercentage = (scrollTop + clientHeight) / scrollHeight; const scrollPercentage = (scrollTop + clientHeight) / scrollHeight;
// Trigger load more when scrolled to 90% of the container // Trigger load more when scrolled to 90% of the container
if (scrollPercentage >= 0.9) { if (scrollPercentage == 1) {
loadMore(); loadMore();
} }
}; };

8
app/components/dashboard/project-management/process-innovation-page.tsx
View File

@ -321,10 +321,10 @@ export function ProcessInnovationPage() {
}; };
const loadMore = useCallback(() => { const loadMore = useCallback(() => {
if (!loadingMore && hasMore && !loading) { if (hasMore && !loading) {
setCurrentPage((prev) => prev + 1); setCurrentPage((prev) => prev + 1);
} }
}, [loadingMore, hasMore, loading]); }, [hasMore, loading]);
useEffect(() => { useEffect(() => {
fetchProjects(true); fetchProjects(true);
@ -345,12 +345,12 @@ export function ProcessInnovationPage() {
const scrollContainer = document.querySelector(".overflow-auto"); const scrollContainer = document.querySelector(".overflow-auto");
const handleScroll = () => { const handleScroll = () => {
if (!scrollContainer || !hasMore || loadingMore) return; if (!scrollContainer || !hasMore) return;
const { scrollTop, scrollHeight, clientHeight } = scrollContainer; const { scrollTop, scrollHeight, clientHeight } = scrollContainer;
const scrollPercentage = (scrollTop + clientHeight) / scrollHeight; const scrollPercentage = (scrollTop + clientHeight) / scrollHeight;
if (scrollPercentage >= 0.9) { if (scrollPercentage == 1) {
loadMore(); loadMore();
} }
}; };

12
app/components/dashboard/project-management/product-innovation-page.tsx
View File

@ -314,10 +314,10 @@ export function ProductInnovationPage() {
}; };
const loadMore = useCallback(() => { const loadMore = useCallback(() => {
if (!loadingMore && hasMore && !loading) { if (hasMore && !loading) {
setCurrentPage((prev) => prev + 1); setCurrentPage((prev) => prev + 1);
} }
}, [loadingMore, hasMore, loading]); }, [hasMore, loading]);
const fetchProjects = async (reset = false) => { const fetchProjects = async (reset = false) => {
if (fetchingRef.current) { if (fetchingRef.current) {
@ -497,12 +497,12 @@ export function ProductInnovationPage() {
const scrollContainer = document.querySelector(".overflow-auto"); const scrollContainer = document.querySelector(".overflow-auto");
const handleScroll = () => { const handleScroll = () => {
if (!scrollContainer || !hasMore || loadingMore) return; if (!scrollContainer || !hasMore) return;
const { scrollTop, scrollHeight, clientHeight } = scrollContainer; const { scrollTop, scrollHeight, clientHeight } = scrollContainer;
const scrollPercentage = (scrollTop + clientHeight) / scrollHeight; const scrollPercentage = (scrollTop + clientHeight) / scrollHeight;
if (scrollPercentage >= 0.9) { if (scrollPercentage == 1) {
loadMore(); loadMore();
} }
}; };
@ -516,7 +516,7 @@ export function ProductInnovationPage() {
scrollContainer.removeEventListener("scroll", handleScroll); scrollContainer.removeEventListener("scroll", handleScroll);
} }
}; };
}, [loadMore, hasMore, loadingMore]); }, [loadMore, hasMore]);
const handleSort = (field: string) => { const handleSort = (field: string) => {
fetchingRef.current = false; fetchingRef.current = false;
@ -1160,5 +1160,3 @@ export function ProductInnovationPage() {
</DashboardLayout> </DashboardLayout>
); );
} }

12
app/components/dashboard/project-management/project-management-page.tsx
View File

@ -264,10 +264,10 @@ export function ProjectManagementPage() {
}; };
const loadMore = useCallback(() => { const loadMore = useCallback(() => {
if (!loadingMore && hasMore && !loading) { if (hasMore && !loading) {
setCurrentPage((prev) => prev + 1); setCurrentPage((prev) => prev + 1);
} }
}, [loadingMore, hasMore, loading]); }, [hasMore, loading]);
useEffect(() => { useEffect(() => {
fetchProjects(true); fetchProjects(true);
@ -283,18 +283,16 @@ export function ProjectManagementPage() {
// Infinite scroll observer // Infinite scroll observer
useEffect(() => { useEffect(() => {
const scrollContainer = document.querySelector(".overflow-auto"); const scrollContainer = document.querySelector(".overflow-auto");
const handleScroll = () => { const handleScroll = () => {
if (!scrollContainer || !hasMore || loadingMore) return; if (!scrollContainer || !hasMore) return;
const { scrollTop, scrollHeight, clientHeight } = scrollContainer; const { scrollTop, scrollHeight, clientHeight } = scrollContainer;
const scrollPercentage = (scrollTop + clientHeight) / scrollHeight; const scrollPercentage = (scrollTop + clientHeight) / scrollHeight;
// Trigger load more when scrolled to 90% of the container // Trigger load more when scrolled to 90% of the container
if (scrollPercentage >= 0.9) { if (scrollPercentage == 1) {
loadMore(); loadMore();
} }
}; };
if (scrollContainer) { if (scrollContainer) {
scrollContainer.addEventListener("scroll", handleScroll); scrollContainer.addEventListener("scroll", handleScroll);
} }
@ -304,7 +302,7 @@ export function ProjectManagementPage() {
scrollContainer.removeEventListener("scroll", handleScroll); scrollContainer.removeEventListener("scroll", handleScroll);
} }
}; };
}, [loadMore, hasMore, loadingMore]); }, [loadMore, hasMore]);
const handleSort = (field: string) => { const handleSort = (field: string) => {
fetchingRef.current = false; // Reset fetching state on sort fetchingRef.current = false; // Reset fetching state on sort