From 625230625b8fe92305d9e77cc10c583842dadfac Mon Sep 17 00:00:00 2001
From: yohamta <yohamta@gmail.com>
Date: Fri, 20 May 2022 09:29:32 +0900
Subject: [PATCH] feat: sort table on daglist page on webui

---
 internal/admin/handlers/web/templates/index.gohtml | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/internal/admin/handlers/web/templates/index.gohtml b/internal/admin/handlers/web/templates/index.gohtml
index 0949df51b..29ec80c1c 100644
--- a/internal/admin/handlers/web/templates/index.gohtml
+++ b/internal/admin/handlers/web/templates/index.gohtml
@@ -229,6 +229,17 @@
   function DAGsTable({ dags = [], groups = [], group = "" }) {
     const root = { Name: "" };
     const currGrp = "{{.Group}}";
+    const sortedDags = React.useMemo(() => {
+      return dags.sort((a, b) => {
+        if (a.File < b.File) {
+          return -1;
+        }
+        if (a.File > b.File) {
+          return 1;
+        }
+        return 0;
+      });
+    }, [dags])
     return (
       <table class="table is-bordered is-fullwidth card">
         <thead className="has-background-light">
@@ -248,7 +259,7 @@
           {groups.map((item) => {
             return <GroupItem key={item.Name} group={item}></GroupItem>;
           })}
-          {dags
+          {sortedDags
             .filter((dag) => !dag.Error)
             .map((dag) => {
               return <DAGItem key={dag.File} dag={dag} group={group}></DAGItem>;