Qlockify/qlockify-frontend-deployment
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat(projects): add client strip filtering and page refresh

Browse Source
This commit is contained in:
Amirhossein Khalili
2026-04-29 00:53:55 +03:30
parent 36a8c0e24c
commit d57f0b05e3
6 changed files with 435 additions and 271 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/components/projects/ProjectCreateModal.tsx
View File

@@ -44,24 +44,26 @@ export const ProjectCreateModal: React.FC<ProjectCreateModalProps> = ({ isOpen,
if (!activeWorkspace || !formData.name) return;
setLoading(true);
try {
const newProject = await createProject({
workspace: activeWorkspace.id,
name: formData.name,
description: formData.description,
try {
const newProject = await createProject({
workspace: activeWorkspace.id,
name: formData.name,
description: formData.description,
color: formData.color,
client: formData.client || null,
});
window.dispatchEvent(new CustomEvent("project_created", { detail: newProject }));
onClose();
setFormData({ name: "", description: "", color: "#3B82F6", client: "" });
} catch (error) {
console.error(error);
} finally {
setLoading(false);
}
};
});
toast.success(t.projects?.createSuccess || "Project created successfully.");
window.dispatchEvent(new CustomEvent("project_created", { detail: newProject }));
onClose();
setFormData({ name: "", description: "", color: "#3B82F6", client: "" });
} catch (error) {
console.error(error);
toast.error(t.projects?.createError || "Failed to create project.");
} finally {
setLoading(false);
}
};
const footer = (
<>

60
src/components/projects/ProjectEditModal.tsx
View File

@@ -58,36 +58,44 @@ export const ProjectEditModal: React.FC<ProjectEditModalProps> = ({ isOpen, onCl
if (!project || !formData.name) return;
setLoading(true);
try {
const updated = await updateProject(project.id, {
name: formData.name,
description: formData.description,
color: formData.color,
client: formData.client || null,
});
window.dispatchEvent(new CustomEvent("project_updated", { detail: updated }));
onClose();
} catch (error) {
console.error(error);
} finally {
setLoading(false);
}
};
try {
const updated = await updateProject(project.id, {
name: formData.name,
description: formData.description,
color: formData.color,
client: formData.client || null,
});
toast.success(t.projects?.updateSuccess || "Project updated successfully.");
window.dispatchEvent(new CustomEvent("project_updated", { detail: updated }));
onClose();
} catch (error) {
console.error(error);
toast.error(t.projects?.updateError || "Failed to update project.");
} finally {
setLoading(false);
}
};
const handleArchiveToggle = async () => {
if (!project) return;
setLoading(true);
try {
const updated = await toggleArchiveProject(project.id);
window.dispatchEvent(new CustomEvent("project_updated", { detail: updated }));
onClose();
} catch (error) {
console.error(error);
} finally {
setLoading(false);
}
};
try {
const updated = await toggleArchiveProject(project.id);
toast.success(
project?.is_archived
? t.projects?.restoreSuccess || t.projects?.updateSuccess || "Project updated successfully."
: t.projects?.archiveSuccess || t.projects?.updateSuccess || "Project updated successfully.",
);
window.dispatchEvent(new CustomEvent("project_updated", { detail: updated }));
onClose();
} catch (error) {
console.error(error);
toast.error(t.projects?.updateError || "Failed to update project.");
} finally {
setLoading(false);
}
};
const footer = (
<div className="flex justify-between w-full">