Update images

ErdemOzgen · Mar 20, 2024 · d098eb1 · d098eb1
1 parent bf6a1a0
commit d098eb1
Show file tree

Hide file tree

Showing 10 changed files with 5 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -193,7 +193,7 @@ username ALL=(ALL) NOPASSWD: ALL
 
 It shows the real-time status, logs, and DAG configurations. You can edit DAG configurations on a browser.
 
-  ![example](assets/images/example.png)
+  ![example](assets/images/Demo.png)
 
   You can switch to the vertical graph with the button on the top right corner.
 
@@ -328,7 +328,7 @@ blackdagger version
 
 This example workflow showcases a data pipeline typically implemented in DevOps and Data Engineering scenarios. It demonstrates an end-to-end data processing cycle starting from data acquisition and cleansing to transformation, loading, analysis, reporting, and ultimately, cleanup.
 
-![Details-TD](assets/images/example.png)
+![Details-TD](assets/images/Demo.png)
 
 The YAML code below represents this workflow:
 

diff --git a/assets/images/Demo.png b/assets/images/Demo.png
diff --git a/assets/images/example.png b/assets/images/example.png
diff --git a/assets/images/ui-dags.png b/assets/images/ui-dags.png
diff --git a/assets/images/ui-dashboard.png b/assets/images/ui-dashboard.png
diff --git a/assets/images/ui-details.png b/assets/images/ui-details.png
diff --git a/assets/images/ui-history.png b/assets/images/ui-history.png
diff --git a/assets/images/ui-logoutput.png b/assets/images/ui-logoutput.png
diff --git a/assets/images/ui-search.png b/assets/images/ui-search.png
diff --git a/ui/src/components/molecules/DashboardTimechart.tsx b/ui/src/components/molecules/DashboardTimechart.tsx
@@ -12,8 +12,9 @@ import {
 } from 'recharts';
 import { statusColorMapping } from '../../consts';
 import { DAGStatus, SchedulerStatus, Status } from '../../models';
+import { WorkflowListItem,WorkflowStatus } from '../../models/api';
 
-type Props = { data: DAGStatus[] };
+type Props = { data: DAGStatus[] | WorkflowListItem[] };
 
 type DataFrame = {
   name: string;
@@ -25,7 +26,7 @@ function DashboardTimechart({ data: input }: Props) {
   const [data, setData] = React.useState<DataFrame[]>([]);
   React.useEffect(() => {
     const transformedData: DataFrame[] = input.map((dagStatus) => {
-      const status: Status | undefined = dagStatus.Status;
+      const status: Status | WorkflowStatus | undefined = dagStatus.Status;
       if (!status || status.StartedAt === '-' || !status.FinishedAt) {
         return null;
       }