Tc refactor pt1 (#589)

* Refactor ProfileSettings * Cleanup comments * Refactor TaskDetails * Refactor InboxModal * fixup! Refactor InboxModal * Fix project layout * Add visuals to project details * Refactor projectdetails * Remake project metrics * Complete project details refactor * Fix note issues and enhance view * Add filters * Fix project tasks filters * Add filters to task lists * Add filters to task lists * fixup! Add filters to task lists
2025-11-23 21:48:49 +02:00 · 2025-11-23 21:48:49 +02:00 · 75a1e68730
commit 75a1e68730
parent a1b9095bce
74 changed files with 6635 additions and 4179 deletions
--- a/frontend/components/Project/ProjectNotesSection.tsx
+++ b/frontend/components/Project/ProjectNotesSection.tsx
@ -0,0 +1,63 @@
+import React from 'react';
+import { Note } from '../../entities/Note';
+import NoteCard from '../Shared/NoteCard';
+import { TFunction } from 'i18next';
+import { PlusCircleIcon } from '@heroicons/react/24/outline';
+import { Project } from '../../entities/Project';
+
+interface ProjectNotesSectionProps {
+    project: Project;
+    notes: Note[];
+    t: TFunction;
+    onCreateNote: () => void;
+    onEditNote: (note: Note) => Promise<void>;
+    onDeleteNote: (note: Note) => void;
+}
+
+const ProjectNotesSection: React.FC<ProjectNotesSectionProps> = ({
+    project,
+    notes,
+    t,
+    onCreateNote,
+    onEditNote,
+    onDeleteNote,
+}) => {
+    return (
+        <div className="transition-all duration-300 ease-in-out">
+            <div className="mb-4">
+                <button
+                    type="button"
+                    className="inline-flex items-center gap-2 px-3 py-1.5 text-sm rounded-md bg-gray-200 text-gray-800 hover:bg-gray-300 dark:bg-gray-700 dark:text-gray-200 dark:hover:bg-gray-600 transition-colors"
+                    onClick={() => {
+                        if (!project?.id || !project.name) return;
+                        onCreateNote();
+                    }}
+                >
+                    <PlusCircleIcon className="h-5 w-5" />
+                    {t('noteCreation', 'Create New Note')}
+                </button>
+            </div>
+
+            {notes.length > 0 ? (
+                <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
+                    {notes.map((note) => (
+                        <NoteCard
+                            key={note.uid}
+                            note={note}
+                            onEdit={onEditNote}
+                            onDelete={onDeleteNote}
+                            showActions={true}
+                            showProject={false}
+                        />
+                    ))}
+                </div>
+            ) : (
+                <div className="text-gray-500 dark:text-gray-400">
+                    <p>{t('project.noNotes', 'No notes for this project.')}</p>
+                </div>
+            )}
+        </div>
+    );
+};
+
+export default ProjectNotesSection;