chore(deps): Update dependencies and refactor API routes for improved error handling

- Updated various dependencies in package.json and pnpm-lock.yaml, including '@clerk/nextjs' to version 6.7.1 and several others for better performance and security.
- Refactored API routes to use Promise.resolve for context parameters, enhancing reliability in asynchronous contexts.
- Improved error handling in the dashboard and studies components, ensuring better user experience during data fetching.
- Removed unused favicon.ico file to clean up the project structure.
- Enhanced the dashboard components to utilize a new utility function for API URL fetching, promoting code reusability.
This commit is contained in:
2024-12-05 11:52:22 -05:00
parent 29ce631901
commit 207f4d7fb8
25 changed files with 719 additions and 682 deletions

View File

@@ -1,7 +1,7 @@
'use client';
import { createContext, useContext, useEffect, useState } from 'react';
import { useRouter, usePathname } from 'next/navigation';
import { createContext, useContext, useEffect, useState, useCallback } from 'react';
import { usePathname, useRouter } from 'next/navigation';
interface Study {
id: number;
@@ -30,10 +30,10 @@ export function ActiveStudyProvider({ children }: { children: React.ReactNode })
const [studies, setStudies] = useState<Study[]>([]);
const [isLoading, setIsLoading] = useState(true);
const [error, setError] = useState<string | null>(null);
const router = useRouter();
const pathname = usePathname();
const router = useRouter();
const fetchStudies = async () => {
const fetchStudies = useCallback(async () => {
try {
const response = await fetch('/api/studies', {
method: 'GET',
@@ -55,6 +55,7 @@ export function ActiveStudyProvider({ children }: { children: React.ReactNode })
if (studiesWithDates.length === 1 && !activeStudy) {
setActiveStudy(studiesWithDates[0]);
router.push(`/dashboard/studies/${studiesWithDates[0].id}`);
}
} catch (error) {
console.error('Error fetching studies:', error);
@@ -62,11 +63,11 @@ export function ActiveStudyProvider({ children }: { children: React.ReactNode })
} finally {
setIsLoading(false);
}
};
}, [router]);
useEffect(() => {
fetchStudies();
}, []);
}, [fetchStudies]);
useEffect(() => {
const studyIdMatch = pathname.match(/\/dashboard\/studies\/(\d+)/);
@@ -77,7 +78,9 @@ export function ActiveStudyProvider({ children }: { children: React.ReactNode })
setActiveStudy(study);
}
} else if (!pathname.includes('/studies/new')) {
setActiveStudy(null);
if (activeStudy) {
setActiveStudy(null);
}
}
}, [pathname, studies]);