tududi/frontend/utils/projectsService.ts
Chris 9d2b1895af
Feat/add project states (#354)
* Scaffold project states

* fixup! Scaffold project states

* Fix blinking project modal

* fixup! Fix blinking project modal

* fixup! fixup! Fix blinking project modal

* Fix an issue with the tag input autosuggest

* fixup! Fix an issue with the tag input autosuggest

* fixup! fixup! Fix an issue with the tag input autosuggest

* Add state to project details

* fixup! Add state to project details

* Add state indicator on project cards

* fixup! Add state indicator on project cards
2025-09-29 16:04:25 +03:00

132 lines
3.9 KiB
TypeScript

import { Project } from '../entities/Project';
import { handleAuthResponse } from './authUtils';
export const fetchProjects = async (
stateFilter = 'all',
areaFilter = ''
): Promise<Project[]> => {
let url = `/api/projects`;
const params = new URLSearchParams();
if (stateFilter !== 'all') params.append('state', stateFilter);
if (areaFilter) params.append('area_id', areaFilter);
if (params.toString()) url += `?${params.toString()}`;
const response = await fetch(url, {
credentials: 'include',
headers: { Accept: 'application/json' },
});
await handleAuthResponse(response, 'Failed to fetch projects.');
const data = await response.json();
return data.projects || data;
};
export const fetchGroupedProjects = async (
stateFilter = 'all',
areaFilter = ''
): Promise<Record<string, Project[]>> => {
let url = `/api/projects`;
const params = new URLSearchParams();
params.append('grouped', 'true');
if (stateFilter !== 'all') params.append('state', stateFilter);
if (areaFilter) params.append('area_id', areaFilter);
if (params.toString()) url += `?${params.toString()}`;
const response = await fetch(url, {
credentials: 'include',
headers: { Accept: 'application/json' },
});
await handleAuthResponse(response, 'Failed to fetch projects.');
const data = await response.json();
return data;
};
export const fetchProjectById = async (projectId: string): Promise<Project> => {
const response = await fetch(`/api/project/${projectId}`, {
credentials: 'include',
headers: { Accept: 'application/json' },
});
await handleAuthResponse(response, 'Failed to fetch project details.');
return await response.json();
};
export const createProject = async (
projectData: Partial<Project>
): Promise<Project> => {
const response = await fetch('/api/project', {
method: 'POST',
credentials: 'include',
headers: {
'Content-Type': 'application/json',
Accept: 'application/json',
},
body: JSON.stringify(projectData),
});
await handleAuthResponse(response, 'Failed to create project.');
return await response.json();
};
export const updateProject = async (
projectId: number,
projectData: Partial<Project>
): Promise<Project> => {
const response = await fetch(`/api/project/${projectId}`, {
method: 'PATCH',
credentials: 'include',
headers: {
'Content-Type': 'application/json',
Accept: 'application/json',
},
body: JSON.stringify(projectData),
});
await handleAuthResponse(response, 'Failed to update project.');
return await response.json();
};
export const deleteProject = async (projectId: number): Promise<void> => {
if (!projectId || projectId === null || projectId === undefined) {
throw new Error('Cannot delete project: Invalid project ID');
}
console.log('Attempting to delete project with ID:', projectId);
const response = await fetch(`/api/project/${projectId}`, {
method: 'DELETE',
credentials: 'include',
headers: {
Accept: 'application/json',
},
});
console.log('Delete response status:', response.status);
if (!response.ok) {
const errorText = await response.text();
console.error('Delete failed with response:', errorText);
throw new Error(
`Failed to delete project: ${response.status} - ${errorText}`
);
}
await handleAuthResponse(response, 'Failed to delete project.');
};
export const fetchProjectBySlug = async (uidSlug: string): Promise<Project> => {
const response = await fetch(`/api/project/${uidSlug}`, {
credentials: 'include',
headers: {
Accept: 'application/json',
},
});
await handleAuthResponse(response, 'Failed to fetch project.');
return await response.json();
};