From 5f9a7c0dc2010318c79cdb22e6b0b463462f86f5 Mon Sep 17 00:00:00 2001
From: Takeshi Kimata <117462761+kimatata@users.noreply.github.com>
Date: Sat, 27 Apr 2024 14:28:26 +0900
Subject: [PATCH] Create progress stacked bar chart

---
 .../app/projects/[projectId]/runs/[runId]/RunEditor.tsx    | 2 +-
 .../projects/[projectId]/runs/[runId]/RunProgressChart.tsx | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/app/projects/[projectId]/runs/[runId]/RunEditor.tsx b/frontend/app/projects/[projectId]/runs/[runId]/RunEditor.tsx
index 83e9192..9438aae 100644
--- a/frontend/app/projects/[projectId]/runs/[runId]/RunEditor.tsx
+++ b/frontend/app/projects/[projectId]/runs/[runId]/RunEditor.tsx
@@ -319,7 +319,7 @@ export default function RunEditor({ projectId, runId }: Props) {
           </div>
         </div>
 
-        <div className="mt-3 flex rounded-small border-2 dark:border-neutral-700">
+        <div className="mt-3 flex rounded-small border-2 dark:border-neutral-700 mb-12">
           <div className="w-3/12 border-r-1 dark:border-neutral-700">
             <Listbox aria-label="Listbox Variants" variant="light">
               {folders.map((folder, index) => (
diff --git a/frontend/app/projects/[projectId]/runs/[runId]/RunProgressChart.tsx b/frontend/app/projects/[projectId]/runs/[runId]/RunProgressChart.tsx
index 04f8f6c..0d72b09 100644
--- a/frontend/app/projects/[projectId]/runs/[runId]/RunProgressChart.tsx
+++ b/frontend/app/projects/[projectId]/runs/[runId]/RunProgressChart.tsx
@@ -62,6 +62,11 @@ export default function RunProgressChart() {
           left: -20,
         },
       },
+      tooltip: {
+        x: {
+          show: false,
+        },
+      },
     },
   });
   return (
@@ -72,7 +77,7 @@ export default function RunProgressChart() {
         series={chartData.series}
         type="bar"
         width={500}
-        height={100}
+        height={80}
       />
     </div>
   );