From 84d9b3ee8fbdc7d8c983d21771a3480e9d675e71 Mon Sep 17 00:00:00 2001
From: Dan Nadler <dan@lunchmodel.com>
Date: Wed, 3 Apr 2024 09:13:45 -0400
Subject: [PATCH] Playing with custom gantt colors

---
 README.md   |  1 +
 src/App.tsx | 14 ++++++++++----
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index a273ab1..5b6d5a4 100644
--- a/README.md
+++ b/README.md
@@ -12,6 +12,7 @@
 - [x] Sort the project list alphabetically
 - [ ] Edit the Gantt chart directly
 - [ ] Suport tauri update plugin via projectjournal.thetortoise.io
+- [ ] Improve the LLM functionality for notes generation
 ### Known Issues
 - [ ] The gantt chart may not populate on initial load, but does populate after an interaction.
 ### Future
diff --git a/src/App.tsx b/src/App.tsx
index 2b12b59..0c4e55d 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -238,7 +238,7 @@ const GanttChart: React.FC = () => {
         </div>
         <button
           className={`${ganttSettings.showTasks ? "border-indigo-500 bg-indigo-200" : "border-indigo-500 bg-indigo-50"} rounded-md border px-1 text-xs`}
-          onClick={(e) =>
+          onClick={() =>
             ganttSettings.setShowTasks(!ganttSettings.showTasks)
           }
         >
@@ -246,15 +246,15 @@ const GanttChart: React.FC = () => {
         </button>
         <button
           className={`${ganttSettings.showMilestones ? "border-indigo-500 bg-indigo-200" : "border-indigo-500 bg-indigo-50"} rounded-md border px-1 text-xs`}
-          onClick={(e) =>
+          onClick={() =>
             ganttSettings.setShowMilestones(!ganttSettings.showMilestones)
           }
         >
           Milestones
         </button>
         <button
-          className={`${ganttSettings.showEmpty ? "border-indigo-500 bg-indigo-200" : "border-indigo-500 bg-indigo-50"} rounded-md border px-1 text-xs`}
-          onClick={(e) => ganttSettings.setShowEmpty(!ganttSettings.showEmpty)}
+          className={`${ganttSettings.showEmpty ? "bg-emerald-700 border-indigo-500 bg-indigo-200" : "border-indigo-500 bg-indigo-50"} rounded-md border px-1 text-xs`}
+          onClick={() => ganttSettings.setShowEmpty(!ganttSettings.showEmpty)}
         >
           Empty
         </button>
@@ -264,6 +264,12 @@ const GanttChart: React.FC = () => {
           onDoubleClick={(t) =>
             setActiveProject(projects.find((p) => p.id === parseInt(t.id)))
           }
+          barBackgroundColor="#a5b4fc"
+          barProgressColor="#6366f1"
+          barBackgroundSelectedColor="#4f46e5"
+          projectBackgroundColor="#059669"
+          projectProgressColor="#10b981"
+          projectBackgroundSelectedColor="#047857"
           viewMode={ganttSettings.chartFrequency}
           todayColor="rgba(99, 102, 241, 0.1)"
           TaskListHeader={({ headerHeight }) => (